如何根据角度 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
    }
  ];