Javascript 角度变化返回的值始终相同_Javascript_Angularjs_Radio Group

Javascript 角度变化返回的值始终相同

javascript angularjs

Javascript 角度变化返回的值始终相同,javascript,angularjs,radio-group,Javascript,Angularjs,Radio Group,我想问一下，如何从收音机列表中获取选定值我尝试了ng更改，并观察范围，但我总是只得到在应用程序初始化期间设置到模型中的第一个值下面是我的代码示例：单选按钮组： <div class="list" ng-contoller="SettingsCtrl"> <ion-radio ng-model="choice" ng-value="'dials'">Dials</ion-radio> <ion-radio ng-mod

我想问一下，如何从收音机列表中获取选定值

我尝试了ng更改，并观察范围，但我总是只得到在应用程序初始化期间设置到模型中的第一个值

下面是我的代码示例：

单选按钮组：

<div class="list" ng-contoller="SettingsCtrl">
        <ion-radio ng-model="choice" ng-value="'dials'">Dials</ion-radio>
        <ion-radio ng-model="choice" ng-value="'conversations'">Conversations</ion-radio>
        <ion-radio ng-model="choice" ng-value="'appoitnments'">Appointments</ion-radio>
        <ion-radio ng-model="choice" ng-value="'orders'">Orders</ion-radio>
      </div>

// Default choice scope
$scope.choice;

$scope.$watch('choice', function(value) {
            // Here i get always the same value
            console.log("Selected goalType, text: " +value);
});

如何获取所选值并将此值设置到范围中

谢谢你的帮助

我已经为你做了。当您选择一个

收音机时，$scope.currentSelection
会发生变化，这样您就可以知道当前选择的目标是哪个 没有使用离子框架和输入单选按钮，它就可以工作了。
您刚才在这一行上犯了一个错误。
您忘记了控制器中的r
代码如下：
HTML
您可以看到它在这里工作：

编辑
我已经用离子框架测试过了。它也在发挥作用。所以这只是问题的症结所在
<!DOCTYPE html>
<html ng-app="app">

  <head>
    <script data-require="angular.js@1.2.25" data-semver="1.2.25" src="https://code.angularjs.org/1.2.25/angular.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body >
    <div class="list" ng-controller="SettingsCtrl">
        <input type="radio" ng-model="choice" ng-value="'dials'">Dials
        <input type="radio" ng-model="choice" ng-value="'conversations'">Conversations
        <input type="radio" ng-model="choice" ng-value="'appoitnments'">Appointments
        <input type="radio" ng-model="choice" ng-value="'orders'">Orders
      </div>
  </body>

</html>

var app = angular.module('app', []);

app.controller('SettingsCtrl', function($scope){
  $scope.choice;
  console.log('ctrl');
  $scope.$watch('choice', function(value) {
              // Here i get always the same value
              console.log("Selected goalType, text: " +value);
  });
});