ホームページ >ウェブフロントエンド >htmlチュートリアル >angularjs の ng-show が機能しない? _html/css_WEB-ITnose
angularjs の ng-show が機能しない? _html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:49:252226ブラウズ
最初にコードを貼り付けてください
<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日しか経っていませんが、オンラインで調べました。あまり理解できていないので、見てみてください
ディスカッションへの返信(解決策)
デバッグして実際のHTMLを見てください。他のタグがネストされていると推定されるため、表示と非表示は無効になる可能性があります。 ！
デバッグして実際の HTML を確認できます。他のタグがネストされていると推定されるため、表示と非表示は無効になる可能性があります。 ！
ありがとうございます!デバッグ後、menuState が未定義であることがわかりました。このコードを追加すると、正常に表示/非表示が可能になります。
$scope.menuState={};
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。