Question

我在ng-repeat功能内有一个单选按钮。因此，它将在每一步创建单选按钮。但是对于某些步骤单选按钮正在检查，即使我们有来自后端的数据，也没有检查某些单选按钮。

问题：对于某些步骤，即使具有ng-modal值

，也不会检查单选按钮

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
<body>

<div ng-app="">

<div class="temp">
 <label class="radio">
<input type="radio" ng-model="info.Unit" value="1"  name="optradio-00">unit1</label>
 <label class="radio"><input type="radio"  ng-model="info.Unit" value="0"  name="optradio-00"> unit2</label>
</div>  
<div class="temp">
 <label class="radio"><input type="radio"  ng-model="info.Unit" value="1"  name="optradio-01">unit1</label>
 <label class="radio"><input type="radio"  ng-model="info.Unit" value="0"  name="optradio-01">unit2</label>
</div>  

</div>

</body>
</html>

radio image with value printed on top

Answer 1

您可以使用以下概念在ng-change

上触发事件

<div ng-controller="MyCtrl">
<input type="radio" ng-model="value" value="radiobutton1" ng-change='newValue(value)'>
<input type="radio" ng-model="value" value="radiobutton2" ng-change='newValue(value)'>
<input type="radio" ng-model="value" value="radiobutton3" ng-change='newValue(value)'>    
<hr> 
</div>

在app.js中编写代码

var myApp = angular.module('myApp',[]);
function MyCtrl($scope) {
    $scope.value= 'radiobutton1';

    $scope.newValue = function(value) {
       console.log(value);
    }
}

angularjs单选按钮未选中

1 个答案: