失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 这道题的ng-if和ng-show难住了我

这道题的ng-if和ng-show难住了我

时间:2020-08-21 23:53:49

相关推荐

这道题的ng-if和ng-show难住了我

最近在维护一个项目,需要获取道单选框的值,项目用的是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="/angular.js/1.5.8/angular.min.js"></script><script src="/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 就可以在控制器拿到绑定的数据,深思不得解。希望大佬指点。。。

如果觉得《这道题的ng-if和ng-show难住了我》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。