angularjs中的ng-show无效？_html/css_WEB-ITnose
- WBOY原創
- 2016-06-24 11:49:252227瀏覽
先贴上代码
<html ng-app> <body> <div ng-controller="DeathrayMenuController"> <button ng-click='toggleMenu()'>isShow</button> <ul ng-show="menuState.show"> <li >zero</li> <li >one</li> <li >two</li> </ul> </div> <script src="angular.js"></script> <script> function DeathrayMenuController($scope){ $scope.menuState.show=false; $scope.toggleMenu=function(){ $scope.menuState.show=!$scope.menuState.show; } }; </script> </body></html> 本意是点击按钮，让这个ul列表显示或者隐藏的，不知道哪里出了问题。才学这个2天，网上查阅了下。确实不怎么了解，请大家帮忙看看
回复讨论(解决方案)
你debug一下，看看实际的html。估计是嵌套了其他的标签，所以 show和hide可能无效！！
你debug一下，看看实际的html。估计是嵌套了其他的标签，所以 show和hide可能无效！！
谢谢哈 ！调试了一下才发现是 menuState未定义，加上这句代码就能正常显示和隐藏了
$scope.menuState={};
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn