我在 ionic 中有一个 iOS 应用程序,有一个 View 显示产品列表,每个产品都是一个对象,并且有两个促销价格项目,它们是单选组值。
问题是,我已经尝试了一切,但是每次我单击产品进入产品子页面然后返回产品列表时, radio 组总是重置,它甚至没有初始状态第一个 radio 检查,只是根本没有检查。
<ion-item class="item-text-wrap" ng-repeat="p in All" ng-click="pGo(p)">
<div ng-include="'views/prods/p_item.html'"></div>
</ion-item>
$scope.pGo = function (p) {
$state.go("app.prodOne", { ID: p.id });
}
我已经尝试过(所有都是 ng Repeat、p_item.html 内模板的一部分):
<!--<ion-radio icon="ion-checkmark-circled" name="loyalC{{p.id}}" ng-model="p.loyalType" ng-value="p.pkt_id">{{p.kprice_many + "zł + " + p.kprice_pkt}} pkt</ion-radio>
<ion-radio icon="ion-checkmark-circled" name="loyalC{{p.id}}" ng-model="p.loyalType" ng-value="p.pkt_id2">{{p.kprice_many2 + "zł + " + p.kprice_pkt2}} pkt</ion-radio>-->
<小时/>
<!--<ion-radio icon="ion-checkmark-circled" value="{{p.pkt_id}}" ng-checked="{{true}}">{{p.kprice_many + "zł + " + p.kprice_pkt}} pkt</ion-radio>
<ion-radio icon="ion-checkmark-circled" value="{{p.pkt_id2}}">{{p.kprice_many2 + "zł + " + p.kprice_pkt2}} pkt</ion-radio>-->
<小时/>
<!--<label class="item item-radio"><input name="{{p.id}}" type="radio" value="{{p.pkt_id}}" checked><div class="radio-content"><div class="item-content disable-pointer-events"><span>{{p.kprice_many + "zł + " + p.kprice_pkt}} pkt</span></div><i class="radio-icon disable-pointer-events icon ion-checkmark-circled"></i></div></label>
<label class="item item-radio"><input name="{{p.id}}" type="radio" value="{{p.pkt_id2}}"><div class="radio-content"><div class="item-content disable-pointer-events"><span>{{p.kprice_many2 + "zł + " + p.kprice_pkt2}} pkt</span></div><i class="radio-icon disable-pointer-events icon ion-checkmark-circled"></i></div></label>-->
<小时/>
<input name="{{p.id}}" type="radio" value="{{p.pkt_id}}" checked>
<input name="{{p.id}}" type="radio" value="{{p.pkt_id2}}">
什么都没有,就是什么都不起作用。
p.loyalType 是该产品对象的 radio 型号值,初始值为 p.pkt_id。
最佳答案
因此,对于每个人来说,我将免除您几个小时的痛苦,除了 $index 之外,请勿在此类功能中的 radio 名称中使用任何其他数据,例如
name="radio-{{$index}}"
不知道为什么以及如何,但只有这个有效。我猜这是内在的东西。
关于javascript - ionic , Angular ,每次 $state 更改时重置 ng 中的单选按钮组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36091556/