我试图在我的选择中添加来自服务的默认选项。
我的选择。
<select (change)="changeValue()" [(ngModel)]="selectedValue">
<option *ngFor="let item of items" [ngValue]="item">{{ item.article }} - {{ item.value }}</option>
</select>
我传递给的数组ngFor.
items: Array<any> =
[{ article: 'item1', value: 10 },{ article: 'item2', value: 20 }]
当我在应用程序中加载此组件时，我从数据库收到一个包含这些选项之一的对象。
所以我想做的是将收到的选项设置为默认值。
我尝试过[selected]但它不起作用。我该怎么做？
基本上你缺少这些东西：
-
ngValue应该是 item.value
- 您已经分配了值，因此只需更改 selectedValue 变量就可以了，就像我在里面所做的那样
ngOnInit
尝试这样的事情：
打字稿结束：
items: Array<any> =
[{ article: 'item1', value: 10 }, { article: 'item2', value: 20, defaultSelected: true }];
selectedValue: string = '';
ngOnInit() {
this.selectedValue = this.items.filter(a => a.defaultSelected)[0].value;
}
HTML 结束：
<select (change)="changeValue()" [(ngModel)]="selectedValue">
<option *ngFor="let item of items" [ngValue]="item.value">{{ item.article }} - {{ item.value }}</option>
</select>
请检查这个演示：https://stackblitz.com/edit/angular-v2a81r https://stackblitz.com/edit/angular-v2a81r
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
