コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > htmlチュートリアル > angularjs の ng-show が機能しない? _html/css_WEB-ITnose

angularjs の ng-show が機能しない? _html/css_WEB-ITnose

WBOY
リリース： 2016-06-24 11:49:25
オリジナル
2227 人が閲覧しました

最初にコードを貼り付けてください 

<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={};
関連ラベル：
angularjs中的ng-show无效？
ソース：php.cn
前の記事：HTML チェックボックスとラジオ美化_html/css_WEB-ITnose 次の記事：CSS スプライト+CSS3 アイコン Font_html/css_WEB-ITnose
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
エンティティ ウェアハウスは JpaRepository<Entity, Id> および JpaSpecificExecutor<Entity> を拡張し、EntitySpec は Specific<Entity> を拡張します。 これは私のエンドポイントです http://localhost:8080/country/all 返信はすべての国に対して問題ありません。フィルターしたい場合は、空の国が見つからず...
から 2024-04-06 17:11:03
0
1
421
SQL テーブルから順序なしマップの欠損値を埋める効率的な方法 (SQL/C++) 質問 現在、一意の識別子 (ID) とそれに関連付けられたデータセットを SQL テーブルから順序なしマップに読み取るシステムがあります。データセットは id1 から始まりましたが...
から 2024-04-04 11:47:44
0
1
345
CSS セレクターを使用して、特定の属性またはタグを含む div 要素をターゲットにする方法は? 私はウェブサイトを生成する POS システムに取り組んでいます。コードのほとんどは独自仕様なので、あまり編集できません。いくつかの画像がカテゴリーとしてフローティングされたカテゴリ...
から 2024-04-03 22:25:59
0
1
277
Prestashop のインストールの問題: カスタム モジュールをインストールできない Prestashop モジュール開発は初めてです。 Amy の最初の prestashop モジュールを構築しようとしています [参考: これが私のコードです。このチュートリアル ...
から 2024-04-03 19:24:44
0
1
402
配列内に要素が存在するかどうかを判断するプロセスが無効です ご迷惑をおかけして申し訳ありませんが、これを理解するのに2時間ほど費やしました。問題は、コードが 1 つの要素のみを追加し、他の ID を追加しないことです。「すでにある」 $(f...
から 2024-04-03 13:03:54
0
1
377
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート