用选定的数据初始化ng2-select angular2

Question

我想在第一次init中初始化我的select，我使用ng2-select

Answer 1

我不知道你想在init上显示什么。但是我认为你应该初始化一些在init执行

时出现的东西

下面是一些解释:

<ng-select [allowClear]="true" [items]="A List of objects" [active]="list with single object " [disabled]="my_disabled" (data)="selected($event)" [multiple]="true" placeholder="No Selection" (selected)="onSelection($event)" (removed)="onRemove($event)"> </ng-select>

[items]="对象列表"。您需要一个列表和字典(对象)或多个字典(对象)。例如:[{'id': 1， 'text': '某些文本'}]。Dictionary对象应该是this的形式，带有id和text，否则它将无法识别它。

这是你的部分，我想是的。

[active]="assigned_variable"你需要这样分配你的值assigned_varibale = [{'id': 1， 'text': 'some text'}]

所以当你在"init"中声明该变量时，它将在组件启动时显示活动选择。

禁用ng-select

[disabled]="my_disabled"您可以设置my_disabled变量为bool值。True或False禁用或启用ng-select

用于添加多个值

选择

(数据)= "($事件)"这个函数(data)将允许您向函数"selected($event)"添加多个值。"

对于ng-select

的多重选择

[multiple]="true"如果你不想选择多个值，就删除那个选项。然后它会给你单一的选择值

用于选择事件触发和删除。

(selected)="onSelection($event)"为每次选择触发事件(remove)="onRemove($event)"触发每次时间选择的事件删除