javascript - ionic , Angular ,每次 $state 更改时重置 ng 中的单选按钮组

标签 javascript angularjs ionic-framework radio-button

我在 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/

相关文章:

angularjs - angularjs中的多个查询字符串参数

javascript - 如何在 AngularJS 中刷新页面?

cordova - "ionic cordova build ios"不工作

javascript - @input 双向绑定(bind)不起作用

javascript - 通过 Javascript 添加 CSS 类属性

javascript - 存储在动态对象中的 JSX 映射数组 (Next.js)

javascript - Ionic - 在 div/frame 中显示网站

javascript - 如何离线托管 Material Design 图标?

javascript - AngularJS 下拉多选不工作

javascript - 从 Fiddle 结合 HTML 和 JS