javascript - 如何在Angular2中将现有标签添加到Select2

HTML：

<select data-placeholder="Skill List" style="width:100%;" class="chzn-select form-control" multiple="multiple">
    <option *ngFor="#skill of allSkills" [ngValue]="skill">{{skill}}
    </option>
</select>

TS：

allSkills = ['Welding', 'Forklifting'];
selectedSkill = ['Welding'];

ngOnInit(): void {
    jQuery('.chzn-select').select2();
}

最初如何添加selectedSkill？

最佳答案

只需将ngModel绑定添加到select标记：

<select data-placeholder="Skill List"
        [(ngModel)]="selectedSkill"
        style="width:100%;"
        class="chzn-select form-control"
        multiple="multiple">

    <option *ngFor="#skill of allSkills" [ngValue]="skill">
        {{skill}}
    </option>

</select>

在您的代码中：

allSkills = ['Welding', 'Forklifting'];
selectedSkill = allSkills[0]; // or just 'Welding'

ngOnInit(): void {
    jQuery('.chzn-select').select2();
}