最近在维护一个项目,需要获取道单选框的值,项目用的是angular.js.
问题描述
1.我在页面用ng-if来做判断的时候,控制器始终拿不到绑定的值,代码如下
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Angular的双向数据绑定</title>
<style media="screen">
.ng-cloak {
display: none;
}
</style>
<script src="https://cdn.bootcss.com/angular.js/1.5.8/angular.min.js"></script>
<script src="https://cdn.bootcss.com/angular.js/1.5.8/angular-animate.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl" ng-cloak class="ng-cloak">
<div ng-if="flag === 1">
<label for=""><input type="radio" name="countA" value="0" ng-model="size" ng-change="sss()">A.{{items[0]}}</label>
<label for=""><input type="radio" name="countA" value="1" ng-model="size" ng-change="sss()">B.{{items[1]}}</label>
<label for=""><input type="radio" name="countA" value="2" ng-model="size" ng-change="sss()">C.{{items[2]}}</label>
</div>
</div>
<script type="text/javascript">
var app = angular.module("myApp", []);
app.controller("myCtrl", ["$scope", function ($scope) {
$scope.size;
$scope.flag = 1;
$scope.items = ["苹果", "香蕉", "西瓜"];
$scope.sss = function () {
console.log(typeof $scope.size, $scope.size);
}
}]);
</script>
</body>
</html>
2.如果把ng-if 改成ng-show 就可以在控制器拿到绑定的数据,深思不得解。希望大佬指点。。。