如何使用ngForm对组合组件进行条件验证

Question

我有一个组件，用户可以在其中输入一些信息，并且正在使用ngForm进行字段验证。

我有一个角形材质的滑块组件，当激活该组件时会显示一个输入字段，供用户输入一些细节。

问题在于，直到用户填写该字段的值，我的提交按钮才被启用。我希望ngForm验证在Slide-toggle组件不在活动位置时忽略该特定输入字段。

有一种简单的方法吗？

我的表单如下：

<form (ngSubmit)="submitPost()" #episodeUploadform="ngForm">
  <input type="text" class="form-control" [(ngModel)]="tags"
    #thetags="ngModel" name="tags" required>
  <mat-slide-toggle [color]="'active'" [checked]="allowBuy">Show Buy Button
  </mat-slide-toggle>
  <input type="url" class="form-control" [(ngModel)]="buyUrl" [hidden]="!allowBuy" #buyurl="ngModel" name="buyurl" required>
</form>

Answer 1

通过在*属性而不是[hidden]属性上简单地解决了此问题。

我无法获得建议的重复修复以起作用...

谢谢。