Typescript 角度2 NG2模型+;ngFor内的值不';行不通
我正在开发一个简单的angular2应用程序 我发现ngFor中的ngModule+值有问题。当我使用ngModule时,表单输入中的值不会显示。如果我拆下NGO模块,所有模块都能正常工作。但我需要一个新的模块。带有帮助模块的数据绑定也在工作 这是我的html代码: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
`<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>