Question

我正在创建一个表单，根据之前的条件（例如复选框），应该/不应该输入输入字段。

如果为required属性设置了元素，则所需的验证工作正常。如果我使用[attr.required] =＆＃34; CONDITION＆＃34;设置required属性，则根本不会检查它。

这是一个plnkr示例：https://plnkr.co/edit/vPfmgvLxUjNyNXHtkY24 （基于hero example的documentation）。

代码（相关部分）：

  <form #heroForm="ngForm">  
      <div class="form-group">
        <label for="name">Required label Test</label>
        <input type="checkbox" class="form-control" [(ngModel)]="cbReqired" name="cbReqired" id="cbReqired">
      </div>

      <div [hidden]="!cbReqired">Now the Textbox should be required! (<code>required="true"</code> is set!)</div>

      <div class="form-group">
        <label for="name">Name</label>
        <input id="name" name="name" class="form-control" [attr.required]="cbReqired" [(ngModel)]="hero" #name="ngModel">

        <div *ngIf="name.invalid && (name.dirty || name.touched)" class="alert alert-danger">

          <div *ngIf="name.errors.required">
            Name is required.
          </div>
        </div>
      </div>

      <button type="submit" class="btn btn-default" [disabled]="heroForm.invalid">Submit</button>
      <button type="button" class="btn btn-default" (click)="heroForm.resetForm({})">Reset</button>
  </form>

Answer 1

您只需使用[required]代替[attr.required]即可。这是工作的掠夺者：https://plnkr.co/edit/B6dM2BvD3hMH3Skv6uy5?p=preview

将attr.required设置为＆＃34; CONDITION＆＃34;不检查任何东西

1 个答案: