Angular 带环路的离子2离子无线电错误
我的离子2-离子收音机有问题 其思想是:组件从使用HTTP的服务获取数据,并将值分配给Angular 带环路的离子2离子无线电错误,angular,typescript,ionic-framework,ionic2,Angular,Typescript,Ionic Framework,Ionic2,我的离子2-离子收音机有问题 其思想是:组件从使用HTTP的服务获取数据,并将值分配给ngOnInit中的data属性,但不能选择单选按钮 模板: <ion-list class="rooms" padding radio-group> <ion-item *ngFor="let r of data?.rooms"> <ion-label >{{ r?.name }}</ion-label> <ion-ra
ngOnInit
中的data
属性,但不能选择单选按钮
模板:
<ion-list class="rooms" padding radio-group>
<ion-item *ngFor="let r of data?.rooms">
<ion-label >{{ r?.name }}</ion-label>
<ion-radio checked="{{ selectedRoom == r?.id }}" value="{{ r?.id }}"></ion-radio>
</ion-item>
</ion-list>
编辑:
这只是我代码中的插值问题。只需更改模板<代码>[valye]=“r?.id”只要更改即可
<ion-list class="rooms" padding radio-group>
<ion-item *ngFor="let r of data?.rooms">
<ion-label >{{ r?.name }}</ion-label>
<ion-radio checked="{{ selectedRoom == r?.id }}" value="{{ r?.id }}"></ion-radio>
</ion-item>
</ion-list>
{{r?.name}
进入
{{r?.name}{{r?.room_id}
Rp.{{r?.cost}
因为这只是一个插值问题,不是来自爱奥尼亚,而是来自我的代码您的问题解决了吗?正如你的编辑建议的那样。如果不是这样,修复起来可能很容易。如果是,请回答你的问题并接受它,这样可以避免不必要的注意:)是的,那么如何回答我的问题并接受它呢?这里没有解决的标记。[编辑]好的,我找到了。XD并等待2天。:)谢谢你的关注,只是好奇而已。您正在设置
checked=“selectedRoom…”
但selectedRoom
仅在ngOnInit()
上设置,并且不会在任何地方更改。selectedRoom
是否应该根据所选的房间/单选按钮进行更改?啊,好的,如果您需要帮助,请告诉我:)
<ion-list class="rooms" padding radio-group>
<ion-item *ngFor="let r of data?.rooms">
<ion-label >{{ r?.name }}</ion-label>
<ion-radio checked="{{ selectedRoom == r?.id }}" value="{{ r?.id }}"></ion-radio>
</ion-item>
</ion-list>
<ion-list class="rooms" padding radio-group [(ngModel)]="selectedRoom">
<ion-card class="room-card" *ngFor="let r of data?.rooms">
<ion-card-content>
<div class="left">
<ion-radio [value]="r?.room_id"></ion-radio>
</div>
<div class="right" (click)="showRoomDetail(r?.room_id)">
<ion-card-title>
{{ r?.name }} {{ r?.room_id }}
</ion-card-title>
<p color="warning"> Rp. {{ r?.cost }}</p>
</div>
</ion-card-content>
</ion-card>
</ion-list>