在Angular-2 Multiselect下拉列表中手动更新所选值

时间:2017-01-20 05:57:53

标签: angular

我在一个不同的组件中使用了softsimon angular-2-multiselect-dropdown,该组件在导航栏下点击加载。用户在下拉列表中选择选项后,我将在变量中提取所选选项。一旦导航栏关闭并再次打开,我希望所选选项显示在下拉列表中,而不是再次创建视图。有办法吗?

下拉代码:

ngOnInit(){
    this.optionArray=this._filterComponent.getParameters();
    for(let x = 0; x < this.optionArray.length ; x++ ){
        this.optionArrayObject.push({id : x , name :    this.optionArray[x]});
    }
}
public onChange() : void {
    console.log(this.selectedTexts);
    this.selectedOptionsArray=[];
    this.selectedoptionsString='';
    for(let y = 0; y < this.selectedTexts.length; y++){
       for(let x = 0; x < this.optionArrayObject.length; x++){
           if(this.optionArrayObject[x].id == this.selectedTexts[y]){
             this.selectedOptionsArray.push(this.optionArrayObject[x].name);
           }
       }
    }
    if(this.selectedTexts.length == 0){
        this.selectedoptionsString = this.selectedOptionsArray.join(',');
    }
    else{
        this.selectedoptionsString = this.selectedOptionsArray.join(',');
    }
    this.optionsString.emit(this.selectedoptionsString);
}

HTML:

<ss-multiselect-dropdown [options]="buidArrayObject" [texts]="myTexts" [settings]="mySettings" (ngModelChange)="onChange($event)" [ngModel]="selectedTexts"></ss-multiselect-dropdown>

这是一个不同的组件,用于侧导航栏内的菜单组件。

即使关闭并再次打开所选选项(导航栏),是否仍然显示所选选项?

0 个答案:

没有答案