我在我的应用程序中使用以下代码来响应式表单。
如果我取消注释 [multiple]
行,Choose ... 选项不会将 dformControl
表单控件对象设置回状态无效
。
dformControl.multiple
顺便返回 false
。即使我将注释行更改为 [multiple]="false"
,仍然切换回 Choose ... 选项不会将表单控件状态设置为 无效
。
<select class="form-control"
[id]="dformControl.key"
[formControlName]="dformControl.key"
/*[multiple]="dformControl.multiple"*/>
<option *ngIf="!dformControl.value"
value="">
Choose ...
</option>
<option *ngFor="let opt of dformControl.options"
[value]="opt.value"
[selected]="dformControl.value == opt.value">
{{opt.label}}
</option>
</select>
最佳答案
将选择级别的 multiple
属性绑定(bind)到 bool 值 isMultiple。然后你可以改变它,选择也会改变。看看这个,我用一个按钮改变它。 plnkr
<select formControlName="cars" [multiple]="isMultiple">
<option></option>
<option *ngFor="let car of cars" >{{car}}</option>
</select>
似乎在添加多个属性时它会影响所需的验证器。我能够添加一个额外的验证器,它按预期工作。
Validators.compose([Validators.required,Validators.pattern('.+')]
关于forms - Angular2 react 形式选择多个属性?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43080198/