关于这一点,有几个问题和不同的答案,但没有一个真正回答了这个问题.所以再说一遍:

在我的情况下,设置下拉菜单"按值 Select "的默认值不起作用.为什么?

<select [id]="question.key" [formControlName]="question.key">
      <option *ngFor="let opt of question.options" [value]="opt.key" [selected]="opt.selected">{{opt.selected+opt.value}}</option>
</select>

它不会 Select 任何内容.可用选项包括:

  • 真的
  • 假的;假的
  • 假象

但这是真的:

<option ... [selected]="true">...</option>

Select 最后一个值(全部为真).

我不明白"opt"对象和类变量之间的区别.

推荐答案

如果要根据TRUE/FALSE Select 值,请使用

[selected]="opt.selected==true"

 <option *ngFor="let opt of question.options" [value]="opt.key" [selected]="opt.selected==true">{{opt.selected+opt.value}}</option>

看看

Angular 2 - Setting selected value on dropdown list

Angular相关问答推荐

Angular中的Bootstrap carousel动态属性

CDK虚拟滚动由于组件具有注入属性而在滚动时看到错误的值

带迭代的Angular 内容投影

天使17中的倒计时器

Angular将文件作为字符串读取给dxf解析器

用于 React 的 ngx-extended-pdf-viewer

如何将 Angular 中的导航路由到同一页面并重新加载

Angular 12 区域环境切换器

从 Angular 应用程序中删除散列标签后无法从 Apache 访问 API

当我ng serve时,Angular CLI 提示TypeError: callbacks[i] is not a function

如何设置Angular 4背景图片?

如何在数据表angular material中显示空消息,如果未找到数据

如何在 Angular 4 中使用 Material Design 图标?

错误:formControlName 必须与父 formGroup 指令一起使用.您需要添加一个 formGroup 指令

Angular - 工作区中未设置配置

Angular 2 更改事件 - 模型更改

无法在 RxJs 6 和 Angular 6 中使用 Observable.of

Angular2:将数组转换为 Observable

服务相互依赖

找不到object类型的不同支持对象[object Object]. NgFor 仅支持绑定到 Iterables,例如 Arrays