Angular ng 选择所需选项

Question

我无法找到如何使用 ng-select 中所需的选项。

我已经尝试过这个：

<ng-select
    #skills
    required
    [ngClass]="{ 'is-invalid': f.submitted && skills.invalid }" 
    [items]="options" 
    bindLabel="label" bindValue="value"
    [multiple]="true" placeholder="Select Skills" 
    [(ngModel)]="registerUserData.skills"                                       
    name="skills[]">
</ng-select>
<div *ngIf="f.submitted && skills.invalid" class="invalid-feedback">
    <div *ngIf="skills.errors.required">
       Skills are required
    </div>
</div>

但那里没有运气..

Answer 1

您必须检查registerUserData.skills它是否已填充的值，而不是显示Skills are required其他值，隐藏它。

也就是说：

<ng-select
    #skills
    [ngClass]="{ 'is-invalid': f.submitted && skills.invalid }" 
    [items]="options" 
    bindLabel="label" bindValue="value"
    [multiple]="true" placeholder="Select Skills" 
    [(ngModel)]="registerUserData.skills"                                       
    >
</ng-select>
    <div *ngIf="f.submitted && skills.invalid && !registerUserData.skills">
       Skills are required
    </div>

笔记：

• 我不知道f.submitted和skills.invalid是什么，但假设它们与提交按钮事件有关。

• 您可以使用 获得更好的结果ReactiveForms。