如何在 angular 4 中的 <select2> 标签中显示占位符？

Question

我的 HTML 代码是，

<select2 [value]="student" (valueChanged)="studentvaluechanged($event)" [data]="data.getStudentList()"id="student" name="student" 
placeholder="Student Name*">
</select2>

Answer 1

和jquery

   $("#student").select2({
        placeholder: "Student Name*",
        allowClear: true
    });

或者你可以试试

<select2 [value]="student" (valueChanged)="studentvaluechanged($event)" [data]="data.getStudentList()"id="student" name="student">Student Name*</select2>

Answer 2

我找到了解决方案。添加 [options]="{ placeholder: 'Student Name*' }" 后，现在可以使用了。

<select2 [value]="student" (valueChanged)="studentvaluechanged($event)" [data]="data.getStudentList()"id="student" name="student" 
[options]="{ placeholder: 'Student Name*' }">
</select2>