如何解决如何根据角度 10 中的条件设置选择
我需要根据条件设置选择。 我正在使用以下代码
<option *ngFor="let terms of paymentterms_list" [value]="terms.name" [selected]="terms.default==1?'true':'false'">{{terms.name}}
</option>
如果默认值为 true ,则应设置 Selected 。但只选择最后一个值。我不想使用 ngmodel 进行设置。如何解决这个问题
解决方法
只需将您的条件放在一个方法中即可。
HTML
<option *ngFor="let terms of paymentterms_list"
[value]="terms.name"
[selected]="isSelected(terms)">{{terms.name}}
</option>
打字稿
isSelected(terms: any): boolean {
return terms.default === 1;
}
,
设置键 default_check
或任何其他键而不是 default
这是链接 https://stackblitz.com/edit/angular-37swtz?file=src/app/app.component.ts
html code
<select>
<option *ngFor="let terms of paymentterms_list" [value]="terms.name" [selected]="terms.default_check==1?true:false">{{terms.name}}
</option>
</select>
ts code
paymentterms_list = [
{
name: "Abc1",default_check: 0
},{
name: "Abc2",{
name: "Abc3",{
name: "Abc4",default_check: 1
},{
name: "Abc5",{
name: "Abc6",{
name: "Abc7",default_check: 0
}
];
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。