javascript - 单选组选择的选项不更新 Angular 中的ngModel值

我是angularjs的新手，正在尝试找到将radio group的选定值设置为ngmodel的解决方案。

//my.html

<div ng-controller='controller'>
 <div class="btn-group" ng-model="option" ng-repeat="arr in dragDropOption">
  <input type="radio" name="optionCorrectOpt" data-ng-model="option"
    value="{{dragDropOption[$index].text}}">
      {{dragDropOption[$index].text}}
</div>

和
     //mycontroller.js

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

 app.controller('controller', function ($scope) {
 $scope.dragDropOption = [];
 $scope.option = "not set";

 $scope.dragDropOption = [{
     text: "analog"
 }, {
     text: "isdn"
 }, {
     text: "dsl"
 }];
 //   $scope.option = $scope.dragDropOption[0].text;
});

My fiddle is here！

可能是重复的问题，请帮助我分享已经回答的stackoverflow问题的链接或新答案。提前致谢。

最佳答案

对于input更改

data-ng-model="option"

至：

data-ng-model="$parent.option"

演示Fiddle

关于javascript - 单选组选择的选项不更新 Angular 中的ngModel值，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22784693/