我在一个不同的组件中使用了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>
这是一个不同的组件,用于侧导航栏内的菜单组件。
即使关闭并再次打开所选选项(导航栏),是否仍然显示所选选项?