Maison >interface Web >tutoriel HTML >angularjs中的ng-show无效？_html/css_WEB-ITnose
angularjs中的ng-show无效？_html/css_WEB-ITnose
- WBOYoriginal
- 2016-06-24 11:49:252240parcourir
先贴上代码
<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={};
Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：HTML的checkbox和radio的美化_html/css_WEB-ITnoseArticle suivant：CSS Sprites+CSS3 Icon Font_html/css_WEB-ITnose