Angular2反应形式选择多个属性？

发布时间：2020-12-17 17:23:06 所属栏目：安全来源：网络整理

导读：我在我的应用程序中使用以下代码与反应形式. 如果我取消注释[multiple]行,则Choose …选项不会将dformControl表单控件对象设置回状态INVALID. dformControl.multiple顺便返回false.即使我将注释行更改为[multiple] =“false”,仍然切换回Choose …选项不会将

我在我的应用程序中使用以下代码与反应形式.

如果我取消注释[multiple]行,则Choose …选项不会将dformControl表单控件对象设置回状态INVALID.

dformControl.multiple顺便返回false.即使我将注释行更改为[multiple] =“false”,仍然切换回Choose …选项不会将表单控件状态设置为INVALID.

<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属性为布尔值isMultiple.然后你可以改变它,选择也会改变.看看这个,我用一个按钮改变它. plnkr

<select formControlName="cars" [multiple]="isMultiple">
      <option></option>
      <option *ngFor="let car of cars" >{{car}}</option>
  </select>

似乎在添加多个属性时它会影响所需的验证器.我能够添加一个额外的验证器,它按预期工作.

Validators.compose([Validators.required,Validators.pattern('.+')]

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!