單選組選擇的選項不更新角度中的ngModel值

Question

我是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;
});

我的小提琴在這里 ！

可能是重復的問題，請幫助我分享已經回答的stackoverflow問題的鏈接或新答案。 提前致謝。

Answer 1

更換

$scope.option = "not set";

<input type="radio" name="optionCorrectOpt" data-ng-model="option" 
value="{{dragDropOption[$index].text}}">

至：

 $scope.radioOption = {};
 $scope.radioOption.selected = "not set"

 <input type="radio" name="optionCorrectOpt" data-ng-model="radioOption.selected" 
value="{{dragDropOption[$index].text}}">

JS菲德爾

Answer 2

對於input更改

data-ng-model="option"

至：

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

演示小提琴