Angular 4表单根据另一个控件的选定值隐藏选择选项

时间:2017-10-24 09:07:04

标签: angular typescript angular-reactive-forms angular-forms

在我的Angular 4应用程序中,我有FormArraycontrols

我的控件类型为select,所有控件都有相同的选项:

<div *ngFor="let row of form.get('myFormArray')['controls']; let i = index" [formGroupName]="i">
  <div class="form-group">
    <select class="form-control" formControlName="myControl">
      <option *ngFor="let obj of objects" [ngValue]="obj">{{ obj.name }}</option>
    </select>
  </div>
</div>

我想隐藏已在表单数组的某些控件中选择的选项。

修改

通过在我的组件中设置selectedObjects数组(每次选择更改后我都会更新)并在[hidden]上使用<option>属性,我解决了一个变通方法想要排除。

但是我想知道是否有一个合适的解决方案,可能使用了一些内置的Angular表单,因为它似乎是一个常见的问题。

0 个答案:

没有答案