javascript - Angular 8 中通过引用调用组件数组属性

Question

我在 Angular 组件中有一个方法，它在方法中传递组件属性数组，但属性值没有改变:

private districtModel : LocationModel[] = [];

valueChange(apiService : ApiService,control : FormControl,url,targetModel: LocationModel[]) {
control.valueChanges.subscribe(newValue=>{

  if(control.value === ""){
    console.log("empty");
    console.log(this.stateTemp);
    this.stateModel = this.stateTemp;
  }
  else{
    this.stateModel = this.filterValues(newValue,this.stateModel);
  }

  if(this.stateModel.length===1){
    console.log(this.stateModel[0].id);
    apiService.GetLocationById<LocationModel[]>(url,this.stateModel[0].id)
    .subscribe(data=> {
      targetModel = data;
        //console.log(this.districtModel);
    });
  }
});
}

函数调用

this.valueChange(apiService,this.societyForm.controls['State'] as 
FormControl,"https://localhost:44355/Location/GetDistrict?StateId=",this.districtModel);

我想更改函数内 this.districtModel 的值，但它没有改变

Answer 1

这里

targetModel = data;

您将数据分配给局部变量targetModel，该变量不会更改this.districtModel。您可以做的是清除原始数组并为其分配新值:

targetModel.splice(0, targetModel.length, ...data);

这会从数组中从 0 开始删除 targetModel.length 项，并添加 data 中的所有项。