在 Angular 中的条件下显示选择选项答案

【问题标题】：Display a select option on a condition in Angular在 Angular 中的条件下显示选择选项
【发布时间】：2020-06-17 05:02:38
【问题描述】：

我想在这样的条件下显示一个选择选项：

    <select id="updateType" class="form-control" formControlName="updateType">
        <option value="personalDetails">Personal</option>
        <option value="addressDetails">Address}</option>
        <option *ngIf="{{userModalData.orgTypeCode == 'BO'}}" value="financialDetails">Financial</option> 
                  <!-- Fake Implementation -->
   </select>

我该怎么做？

【问题讨论】：

标签： angular typescript interpolation

【解决方案1】：

你应该可以使用*ngIf。

<select id="updateType" class="form-control" formControlName="updateType">
 <option value="personalDetails">Personal</option>
 <option value="addressDetails">Address</option>
 <option *ngIf="userModalData.orgTypeCode == 'BO'" value="financialDetails">Financial</option> 
</select>

创建了一个快速的 Stackblitz：https://stackblitz.com/edit/angular-ivy-kpygbf

【讨论】：

【解决方案2】：

你可以这样使用ngIf

 <option *ngIf="userModalData.orgTypeCode == 'BO'" value="financialDetails">Financial</option>

详情请关注https://angular.io/api/common/NgIf

【讨论】：