Typescript 角度2 NG2模型+;ngFor内的值不';行不通

Typescript 角度2 NG2模型+;ngFor内的值不';行不通,typescript,Typescript,我正在开发一个简单的angular2应用程序 我发现ngFor中的ngModule+值有问题。当我使用ngModule时,表单输入中的值不会显示。如果我拆下NGO模块,所有模块都能正常工作。但我需要一个新的模块。带有帮助模块的数据绑定也在工作 这是我的html代码: `<div class="col-xs-12" *ngFor="let data of homeData; let i = index"> <div class="row"> <div c

我正在开发一个简单的angular2应用程序

我发现ngFor中的ngModule+值有问题。当我使用ngModule时,表单输入中的值不会显示。如果我拆下NGO模块,所有模块都能正常工作。但我需要一个新的模块。带有帮助模块的数据绑定也在工作

这是我的html代码:

`<div class="col-xs-12" *ngFor="let data of homeData; let i = index">
   <div class="row">
    <div class="col-xs-12">
      <form (ngSubmit)= "updateAddress()">
        <div class="form-group">
          <input type="text" class="form-control"  value="{{data.companyAddress.address}}" name="address{{i}}" [(ngModel)]="address"/>
        </div>
        <div class="form-group">
          <input type="text" class="form-control"  value="{{data.companyAddress.city}}" name="city{{i}}" [(ngModel)]="city"/>
        </div>
        <div class="form-group">
          <input type="text" class="form-control"  value="{{ data.companyAddress.companyName }}" name="companyName{{i}}" [(ngModel)]="companyName"/>
        </div>
        <div class="form-group">
          <input type="text" class="form-control"  value="{{data.companyAddress.country}}" name="country{{i}}" [(ngModel)]="country"/>
        </div>
        <div class="form-group">
          <input type="text" class="form-control" value="{{data.companyAddress.zipCode}}" name="zipCode{{i}}" [(ngModel)]="zipCode"/>
        </div>
        <button type="submit" class="btn btn-default">Submit</button>
      </form>

    </div>
  </div>

感谢您的帮助:)

假设您要更改正在显示的值,则不需要value属性,因为ngModel是一个双向绑定。此外,ngModel中的选择器指向控制器,而不是循环通过的值。因此,下面的代码应该可以修复它(对于地址,您可以自己完成其余的工作:):


NGO模块在哪里?
export class AdminComponent implements OnInit {
homeData: Object; 
address: String;
city:String;
companyName: String;
country: String;
zipCode: String;

  constructor(
private adminServ: AdminService

  ) { }

  ngOnInit() {
  this.adminServ.getHomeData().subscribe(res => {
    if(res){
      this.homeData  = res;
      console.log(this.homeData);
    }
  });

  }

  updateAddress(){
    let newAddress = {
      address: this.address,
      city: this.city,
      companyName: this.companyName,
      country: this.country,
      zipCode: this.zipCode
    }
    console.log(newAddress);
  }

}
<input type="text" class="form-control" name="address{{i}}" [(ngModel)]="data.companyAddress.address"/></div>