离子,角度,每次$状态改变时重置ng重复按钮组

时间:2016-03-18 18:14:59

标签: javascript angularjs ionic-framework radio-button

我有和iOS应用程序离子,有一个显示产品列表的视图,每个产品是一个对象,有两个促销价格项,它们是无线电组值。

事情是,我已经尝试了一切,但每次我点击产品进入产品子页面然后返回产品列表,无线电组总是被重置,它甚至没有它的初始状态检查了第一台收音机,根本没有检查过。

<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是此产品对象的无线电的模型值,其初始值为p.pkt_id。

1 个答案:

答案 0 :(得分:0)

因此,对于每个人来说,我将免除你几个小时的痛苦,除了 $ index 之外,不要在这种功能中使用无线电名称中的任何其他数据,例如

name="radio-{{$index}}"

不知道为什么以及怎么做,但只有这个有效。我觉得这是内部的东西。