Угловой выбор нужной опции

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.