使用所选数据初始化ng2-select angular2

时间:2016-08-10 14:42:09

标签: angular typescript components

我想在他的第一个init中初始化我的选择,我正在使用ng2-select

ng2-select exemple link

1 个答案:

答案 0 :(得分: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] =&#34;对象列表&#34;。你需要一个列表和字典(对象)或多个字典(对象)。   对于Exmaple:   [{&#39; id&#39;:1,&#39; text&#39;:&#39; some text&#39;}]。字典对象应该是带有id和text的形式,否则它不会识别它。

我认为这是你的部分。

  

[活性] =&#34; assigned_variable&#34;你需要像这样分配你的价值assigned_varibale = [{&#39; id&#39;:1,&#39; text&#39;:&#39; some text&#39;}]

所以当你在&#34; init&#34;中声明该变量时它将显示组件启动时的活动选择。

禁用ng-select

  

[无效] =&#34; my_disabled&#34;您可以将my_disabled变量设置为bool值。对于禁用和启用ng-select

,为真或为假

添加多个值

  

(数据)=&#34;选择($事件)&#34;此功能(数据)将允许您为您的功能添加多个值&#34;选择($ event)&#34;

对于ng-select

的多重选择
  

[倍数] =&#34;真&#34; 。如果您不想选择多个值,只需删除该选项即可。然后它会给你单一的价值选择

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

  

(选择的)=&#34; onSelection($事件)&#34;每次选择时触发事件   (除去)=&#34; onRemove($事件)&#34;每次选择时触发事件   删除