需要angular 2primeng多选

Question

我想在 html 中使用PRIMENG 多选而不是选择。一切正常，但我想出于某种原因使其成为必需。我不能像在选择中那样做。如何使其 [required]="!this.isAdmin"：

  <!--<select multiple class="form-control" id="authorities" [required]="!isAdmin" [(ngModel)]="user.authorities" name="authorities" #tempAuthorities="ngModel">
    <option *ngFor="let auth of authorities" [value]="auth.auth" >{{ auth.title }}</option>
  </select>-->
  <p-multiSelect id="authorities" class="form-control" name="authorities" [options]="clients" [(ngModel)]="user.authorities"  #tempAuthorities="ngModel"></p-multiSelect>

Answer 1

我不知道是否为时已晚，但这是我解决该问题的解决方法。

您可以添加另一个选择列表进行验证，这是步骤

1. 添加一个普通的选择列表并将其设置为“多个”和“必需”
2. 使其采用与 p-multiSelect 相同的模型
3. 使其隐藏

  <p-multiSelect id="authorities" class="form-control" name="authorities" [options]="clients" [(ngModel)]="user.authorities"  #tempAuthorities="ngModel"></p-multiSelect>

<select name="reflection" [hidden]="true" multiple required [(ngModel)]="user.authorities"></select>