Angular Refresh选择选项

Question

选择一个更改后，我想刷新选择B选项 我该怎么做？

//select A
<select (change)="fasechange()" name="" [(ngModel)]="fase" id="">
   <option *ngFor="let item of arrayA">{{item.name}}</option>
</select>

//Select B
<select name="" [(ngModel)]="equipo1"  id="">
    <option *ngFor="let item of arrayB">{{item}}</option>
</select>

在选择A NED更新的更改函数中

arrayB: Array<string> = [];
fasechange(){
  for(let a of this.options){
    if(a.name == this.fase){
      this.arrayB.push(this.option.opt);
    }
  }
}

，刷新选择b的变化功能结束，我该如何实现？？？ 感谢您的帮助

Answer 1

您也可以使用 changeTectorRef 强制更新。

fasechange(){
  for(let a of this.options){
    if(a.name == this.fase){
      this.arrayB.push(this.option.opt);
      this.changeDetector.detectChanges(); // Inject it in your component constructor
    }
  }
}

Answer 2

按下后，您需要为ArrayB创建新的参考。

fasechange(){
  for(let a of this.options){
      if(a.name == this.fase){
          this.arrayB.push(this.option.opt);
          this.arrayB  = [...this.arrayB]
      }
   }
}

Answer 3

推动后，您需要重新创建数组参考（如此答案）也克隆对象。

因此，代码将是这样的：

this.arrayB = JSON.parse(JSON.stringify(this.arrayB));

或使用Lodash（或任何其他具有深克隆的公用事业库：

this.arrayB = _.cloneDeep(this.arrayB);