問題タブ [angularjs-ng-show]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - ng-repeat: クリックでアイテムを表示し、他のアイテムを非表示にします
リストを表示するng-repeatがあり、クリックするとクリックしたアイテムdivs
の追加div
が表示されます。
これは機能しています
私のアイテムは、アイテムのリストを含むjsonからロードされ、各アイテムには、このjsonでデフォルトの属性showfull
が設定されています。false
これは機能していますが、アイテムがクリックされたときにリスト内の他のすべてのアイテムを非表示にしたいと考えています。私はこのようなものを試しました:
これは機能していません
そしてコントローラーに関数を追加しました:
しかし、 foreach ロジックがなくても、これは機能しません。アイテムをクリックしても、追加の div は表示されません。2 つの質問があります。
これは
item
、関数で「コピーによって渡された」expand
か、何らかのスコープ分離の問題が原因だと思いますが、その理由を詳しく説明してもらえますか? 解決したアイテムをクリックしてこのアイテムの追加コンテンツを表示するときに、他のアイテムのすべての追加 div を非表示にするにはどうすればよいですか? ディレクティブを実行する必要がありますか? 解決しない
ありがとう
javascript - AngularJS ng-show ディレクティブでの式の評価
背景:私が取り組んでいるプロジェクトの一環として、ユーザー (以下のケースでは「アーティスト」と呼ばれます) は、一連の役割 (マネージャー、プロデューサー、エージェントなど) から 1 つまたは複数をオプションで選択できます。したがって、ユーザーが選択した役割に応じて、ページの特定の部分を表示または非表示にする必要があります。
例:ユーザーが自分のロールの 1 つとして「マネージャー」を選択した場合 (および「マネージャー」が選択されていない場合は非表示にする場合)、条件付きで div を表示するために次を使用しようとしましたが、うまくいきませんでした。代わりに ng-show ディレクティブで何を使用する必要がありますか?
注意: div は ng-show/ng-hide ディレクティブが適用されていなくても問題なく表示されるため、CSS の回答などを探しているわけではありません。ng-show/ng-hide によって提供される条件付きの側面を探しているだけです。また、ロールのデータがページにプルされていることがわかります。ページで次のコマンドを実行してテストしたところ、ユーザーが選択した各ロールの名前が正確に表示されたからです。
angularjs - クリック時のAngularショー
このコードがあり、そのボタンをクリックしてもボタンが消えません。別の場所に移動してそのテンプレートに戻ると(angularUIルーターを使用しています)、そのボタンが消えます。color.show 定義変数は true です。
angularjs-ng-show - 長さ 0 の文字列 "" に対して ng-show を機能させる
長さ 0 の文字列 '' に対して ng-show を機能させる方法はありますか?
angularjs - AngularJSテンプレートでスコープ変数が未定義かどうかを確認するには?
スコープ変数が未定義かどうかを確認する方法は?
これは動作しません:
angularjs - ngShow のアニメーションが初めてスキップする
簡単なjQueryのslideUp/slideDownを使用して、Angular(バージョン1.3.2)のng-showで表示されるTwitterブートストラップパネル本体の開閉をアニメーション化しようとしています。
(最初はcssトランジションでやってみたのですが、身長が不明でできず、最大高さのアニメーションで閉じるのに問題があったので、JSで行くことにしました)
アニメーションの作成には成功しましたが、最初のアニメーションの切り替え時に動作しません。したがって、最初の体の表示はアニメーション化されず、次に非表示がアニメーション化され、その後はすべて問題ありません (アニメーションの表示と非表示の両方)。
Javascript 部分:
HTML 部分:
何か不足していますか?
javascript - AngularJS の ng-hide & ng-show
AngularJS を使用して、特定の ID に関連するデータをトグル方式で表示および非表示にしたいと考えています。
私のJSONデータ形式は次のようなものです:
私が欲しいのは、id-1をクリックするとテキスト1が表示され、他のテキストが非表示になり、id-2をクリックするとテキスト2が表示され、他のテキストが非表示になるなどです。
これが私が試したフィドルです:jsfiddle:Demo Link
angularjs-ng-show - Angular ng-show が機能しない
ディレクティブに、配列の最後のオブジェクトにのみ表示したいボタンがあります。ng-show はコントローラーで式を評価します。
式はブラウザで正しく評価されていますが、ボタンは表示されています。
したがって、強調表示された行と削除ボタンが表示されていない上記の行の違いは、上の行の class 属性に ng-hide が追加され、削除ボタンが誤って表示されている行には追加されていないことです。しかし、 ng-show 式が更新されているため、その更新が行われない理由はわかりません。