在 Angular 中的条件下显示 select 选项

Question

我想在这样的条件下显示 select 选项：

    <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>

我该怎么做？

Answer 1

你可以这样使用ngIf

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

请查看https://angular.io/api/common/NgIf了解更多详情

Answer 2

您应该可以使用 *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

在 Angular 中的条件下显示 select 选项

Display a select option on a condition in Angular

interpolation

typescript

angular