在我的Angular 4应用程序中,我有FormArray个controls。
我的控件类型为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表单,因为它似乎是一个常见的问题。