从基于离子的单选按钮获取角度控制器的值？答案

【问题标题】：Fetch value at angular controller from ionic based radio button?从基于离子的单选按钮获取角度控制器的值？
【发布时间】：2016-08-15 12:31:58
【问题描述】：

我正在开发前端的 Ionic 框架。基本上它是一个 Cordova 应用程序。我想在控制器中捕获单选按钮的值，但由于我是新手，我不知道我将如何准确地取回我的值以及我需要在 ionic 中的 NextQuestion() 方法中传递什么。代码如下。

<div class="list list-inset padding">
        <ion-list radio-group>
            <ion-item class="item-remove-animate item-icon-right" ng-repeat="answer in CurrentQuestion.answersList" type="item-text-wrap">
                <ion-radio ng-value="'{{answer.AnswerID}}'">{{answer.Answer_en}}</ion-radio>
            </ion-item>
        </ion-list>
    </div>
    <ion-buttons side="primary">
        <button class="button button-block button-calm" ng-click="NextQuestion()">
            Next
        </button>
    </ion-buttons>

【问题讨论】：

标签： jquery angularjs ionic-framework angular-controller

【解决方案1】：

使用ng-model 进行双向绑定，在您的示例中，我将这样做：

...
<ion-radio ng-model="userSelectedAnswer" ng-value="{{answer.AnswserID}}">
    {{answer.Answer_en}}
</ion-radio> 
...

然后您可以像这样在NextQuestion 函数中使用选定的值：

console.log($scope.userSelectedAnswer);

【讨论】：

【解决方案2】：

离子无线电行为，如 AngularJS 的输入无线电。

基本上你需要这样做（$parent 是因为 ng-repeat 为每个项目创建一个子范围）

        <ion-list radio-group>
            <ion-item class="item-remove-animate item-icon-right" ng-repeat="answer in CurrentQuestion.answersList" type="item-text-wrap">
                <ion-radio ng-model="$parent.selectedAnswer" ng-value="'{{answer.AnswerID}}'">{{answer.Answer_en}}</ion-radio>
            </ion-item>
        </ion-list>

【讨论】：