Wie Vorbestandene Tags Select2 in Angular2

Question

HTML hinzufügen

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

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

Wie die selectedSkill zunächst hinzufügen?

Answer 1

Fügen Sie einfach die ngModel Bindung an den select tag:

<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> 

Und in Ihrem Code:

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

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