Question

因此，我有一个无线电基团离子清单元素，它只是一个普通的hmtl无线电基团，在演示中自定义了离子角成分。到目前为止，它在以下条件下有效：

<ion-list radio-group [(ngModel)]="selectedAddress">
    <ion-item *ngFor="let address of userAddresses">
        <ion-label>{{address.Street}}, {{address.Suburb}}, {{address.City}}</ion-label>
        <ion-radio value="{{address.RefAddress}}"></ion-radio>
    </ion-item>
</ion-list>

我用来填充的数据是实现以下接口的Address对象的集合：

export interface Address {
   RefAddress?:number,
   Street:string,
   Street2?:string,
   Suburb:string,
   City:string,
   Province:string,
   Country:string
}

这工作顺利，我可以选择项目，并且ngModel会填充有我选择的任何地址。但是，现在，当用户再次打开页面以编辑先前的选择并重新加载列表时，即无法在代码中设置所选项目，即，在加载页面时，我用地址项填充了selectedAddress：

if (this.navParams.get("Address")) {
    this.selectedAddress = this.navParams.get("Address");
}

完整的TS文件here

我确保仅在所有项目都首先加载到列表后才调用上述函数，并通过调试可以使selectedAddress属性被设置。我想念什么？

Ionic 3无线电组未绑定所选项目

0 个答案: