【问题标题】:Ionic, angular, resets radio button group in ng repeat every time $state change离子,角度,每次 $state 更改时都会在 ng 重复中重置单选按钮组
【发布时间】:2016-07-05 15:09:03
【问题描述】:

我在 ionic 中拥有 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是该产品对象的radio的模型值,初始值为p.pkt_id。

【问题讨论】:

    标签: javascript angularjs ionic-framework radio-button


    【解决方案1】:

    所以对于每个人,我会为你省去几个小时的痛苦,除了 $index 之外,不要在无线电名称中使用任何其他数据,例如

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

    不知道为什么以及如何,但只有这个有效。我猜这是内部的东西。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2016-05-10
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2021-08-26
      相关资源
      最近更新 更多