如何使用ng-select在angualr2下拉列表中选择默认值？

我已经使用了多个值使用follwing代码angular2下拉：如何使用ng-select在angualr2下拉列表中选择默认值？

<ng-select [options]="dropDownSKUNumber" #SKUNumberDrp multiple="true" placeholder="Select SKU Number" [allowClear]="true"></ng-select>

这个代码是在保存多个值的时间正常为我工作。然后，但在视图模式下，我希望默认情况下在选定的模式下的值，但我无法做到这一点。

如何解决？使用上面的代码。

来源

2016-12-02 Mansi Kalola

我假设你使用ng-select的第三方指令，你能指定你使用哪一个吗？还是你写了你自己的ng-select指令？ – hakany

由于您正在使用选项，您必须使用this ng2-select。在这种情况下，您应该将其绑定到ngModel，然后在脚本的init中更新该值：

即， HTML

<ng-select 
    [multiple]="true" 
    [options]="myOptions" 
    [(ngModel)]="mySelectValue"> 
</ng-select>

export class App implements OnInit { 

    myOptions: Array<any>; 
    mySelectValue: Array<string>; // Array of strings for multi select, string for single select. 

    ngOnInit() { 
     this.myOptions = [ 
      {value: 'a', label: 'Alpha'}, 
      {value: 'b', label: 'Beta'}, 
      {value: 'c', label: 'Gamma'}, 
     ]; 
     this.mySelectValue = ['b', 'c']; 
    } 
}

来源

2016-12-02 05:40:19

根据angular2 select可以使用ngModel以设置初始值：

您可以在组件中使用options作为阵列和ngModle为选择的值，如下：

//Component 
public dropDownSKUNumber : any[] = [ 
    { value: 1, label : 1 }, 
    { value: 2, label : 2 }, 
    { value: 3, label : 3 } 
]; 
public selectedValue: string[] = [ '2', '3' ]; 

//HTML 
<ng-select [options]="dropDownSKUNumber" #SKUNumberDrp multiple="true" placeholder="Select SKU Number" [(ngModel)]="selectedValue" [allowClear]="true"></ng-select>

来源

2016-12-02 05:48:20 ranakrunal9

非常感谢你对我的支持。 –

你可以做'let selectedValue =“2，3”.split（“，”）;''split'将一个字符串拆分为一个子字符串数组，检查http://www.w3schools.com/jsref/jsref_split.asp – ranakrunal9

以上所有的sollitions正在为我工作，但我得到的错误，如：'不能设置属性'选择'未定义;区域：角度;任务：Promise.then;值：TypeError：无法设置'未定义'的属性'选择'，我正在使用ngmodel在上面的代码中提到，我也选择了数组中的值，但仍然..？ –

如何使用ng-select在angualr2下拉列表中选择默认值？

回答

相关问题