Heim > Artikel > Web-Frontend > angularjs中的ng-show无效？_html/css_WEB-ITnose
angularjs中的ng-show无效？_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:49:252201Durchsuche
先贴上代码
<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={};
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：HTML的checkbox和radio的美化_html/css_WEB-ITnoseNächster Artikel：CSS Sprites+CSS3 Icon Font_html/css_WEB-ITnose