如何從動態生成的單選按鈕中獲取單選按鈕選擇的值？

Question

嗨，我正在用angularjs開發Web應用程序。 我正在使用ng-repeat動態生成單選按鈕，如下所示。

<ul>
    <li ng-repeat="level in permissions">
        <input name="level.perm_levelname" type="radio" ng-model="level.perm_levelname" value="{{level.perm_levelname}}"> {{level.perm_levelname}}
        <a ng-click="gotopermMap({permisssionID: level.id})">View</a>
    </li>
</ul>
<input type="button" value="APPLY" ng-click="apply()" />

我試圖如下所示選擇單選按鈕。

 $scope.apply=function()
        {
            var permname = $scope.name;
            console.log($scope.level.perm_levelname);
        }

我收到錯誤消息無法讀取未定義的屬性'perm_levelname'。 我可以在這里獲得幫助以獲取選定的單選按鈕嗎？ 謝謝

Answer 1

按名稱分組單選按鈕，並為單選按鈕指定公共作用域變量ng-modal

   <ul>
     <li ng-repeat="level in permissions">
       <input name="myradiobtn" type="radio" ng-model="myradioBtnValue" ng-value="level.perm_levelname">
       {{level.perm_levelname}}
       <a ng-click="gotopermMap({permisssionID: level.id})">View</a>
     </li>
   </ul>
   <input type="button" value="APPLY" ng-click="apply()"/>

Answer 2

將ng-click事件用於單選按鈕可獲取當前選定值，並將該值分配給作用域對象。 然后在您單擊“應用”按鈕時從保存的范圍中獲取值。

DEMO：

 function TodoCtrl($scope) { $scope.permissions= [{perm_levelname:"hai"},{perm_levelname:"bye"},{perm_levelname:"come"},{perm_levelname:"go"}] $scope.apply=function() { alert($scope.currecntClickValue); } $scope.currecntClick=function(currecntClickValue) { $scope.currecntClickValue=currecntClickValue.perm_levelname; } } 

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app> <h2>Todo</h2> <div ng-controller="TodoCtrl"> <ul> <li ng-repeat="level in permissions"> <input name="groupName" type="radio" ng-click="currecntClick(level)" ng-value="level.perm_levelname"> {{level.perm_levelname}} <a href="#" ng-click="gotopermMap({permisssionID: level.id})">View</a> </li> </ul> <input type="button" value="APPLY" ng-click="apply()"/> </div> </div> 

Answer 3

您應該使用這樣的單選按鈕組-

<ul>
     <li ng-repeat="level in permissions">
       <input name="btnGroup" type="radio" ng-model="radioButtonValue" value="{{level.perm_levelname}}">
       {{level.perm_levelname}}
       <a ng-click="gotopermMap({permisssionID: level.id})">View</a>
     </li>
   </ul>
   <input type="button" value="APPLY" ng-click="apply()"/>

在控制器內部

$scope.radioButtonValue='';

 $scope.apply=function()
        {
            var permname = $scope.name;
            console.log($scope.radioButtonValue);
        }