单选组已选择选项，未更新角度中的 ngModel 值

Radio group selected option not updating ngModel value in angular

本文关键字：ngModel 更新 选择 选项 单选组      更新时间：2023-09-26

我是angularjs的新手，并试图找到将无线电组的选定值设置为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>

和 我的控制器.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;
});

我的小提琴在这里！

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

对于input更改 

data-ng-model="option"

自：

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

演示小提琴

替换 

$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 小提琴

相关文章：