問題タブ [ng-hide]

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.

0 投票する
1 に答える
229 参照

angularjs - Ng-hide が Angular/Firebase アプリで機能しない

http://stevendavisphoto.com/mc/

すべてのコードはそこにあります。グループがあるときに「表示するグループがありません」という TR を非表示にしようとしています。

0 投票する
1 に答える
360 参照

angular-ngmodel - ng-モデルで動作しないng-hide

ドロップダウンからの特定のオプション選択で div を表示/非表示にしたい。しかし、div は常に非表示のままです。

0 投票する
1 に答える
1285 参照

angularjs - angular ng-show または ng-hide をディレクティブ テンプレート内で動作させることができません

Web サービスは値を返します... 返される値が == 'N' の場合、html 要素を非表示にしたいと思います。私の問題は、テンプレート内で ng-hide と ng-show を機能させることができないことです。他の類似の質問を調べましたが、修正がうまくいきませんでした。紛らわしい部分は、レンダリングされたページを見ると、 ng-show ステートメントが正しく見えることです。

ここに私のHTMLがあります:

これが私の指示です:

0 投票する
2 に答える
12167 参照

angularjs - Animate.css と Angularjs の ng-hide

私はAngularjsとanimate.cssを学び、実験しています。ng-show が true または false のときにアニメーションを追加しようとしています。表示と非表示は機能しますが、アニメーションは機能しません。ここの誰かが私が間違っていることを教えてくれることを願っています。

これがプランクです。

助けてくれてありがとう。

0 投票する
0 に答える
123 参照

angularjs - Angular 1.2+ で ngShow\ngHide を使用する

最近、1.0.8 から Angular の最新の安定バージョン (執筆時点では 1.2.19) に移行しました。

彼らは、孤立したスコープに関する厄介なバグを修正しました。私はアプリケーションを修正することができましたが、現在、「このプロパティが $scope にある場合、...」というような (多くの) 問題が発生しています。

ViewModel に共通の構造を定義したため、これらの問題が発生しています。これは、この構造を使用するディレクティブがそのスコープに「一意でない」プロパティを設定することを意味します。アップグレードの前は、バグが原因で、分離されたスコープはその子からアクセスできましたが、プロトタイプの継承が壊れていました。それこそが、私たちのアプローチがうまくいった理由です。

これは、アプリケーションがどのように機能するかを非常に単純化したビューです (Angular の古いバージョンと新しいバージョンの両方で有効です)。

問題は、ディレクティブが常に $scope に同じプロパティを設定するとは限らず、バックエンドから返される内容に依存することです。したがって、内部ディレクティブで、そのスコープにプロパティがあるかどうかを確認したいとしましょう。そのスコープにidプロパティがなくても、彼の親には true が返されます。

JavaScript では、次を使用してこの種の問題を回避できます。

ngShowしかし、修正またはngHideディレクティブに対して同じアプローチは可能ですか? (上で説明したように) プロトタイプの継承のため、現在ng-show="id"は機能しません。

0 投票する
1 に答える
1285 参照

angularjs - angular ng-hide と animate.css の奇妙な動作

この例は、チェック ボックスをすばやく複数回クリックするまで問題なく動作します。その後、長方形を非表示にすることはできなくなりました。アニメーションが正常に完了し、長方形がフェードアウトし、非表示にする必要があるときに再び表示されます。理由はありますか?

http://jsfiddle.net/sqDxL/2/

0 投票する
3 に答える
3823 参照

angularjs - ng-repeat によって作成されたボタンのリストについては、ng-show/ng-hide を ng-click してください

ng-repeat によって作成された再生/一時停止ボタンのリストがあります。各再生ボタンをクリックして曲をストリーミングすると、ボタンが一時停止ボタンに変わります (一時停止できるようになります)。ボタンとクリック イベントを正しく設定できましたが、1 つの再生ボタンをクリックすると、すべてのボタンが一時停止ボタンに変わるという問題が発生しました。

再生ボタン 一時停止ボタン

私は(私が思うに)これが起こっている理由を理解しています.ng-show変数(visible)が変更されているため、それらすべてに影響します.

これに関する他の同様の回答(ng-repeat ng-show dilemna)を読みましたが、レッスン($ indexの使用など)を私の例に適用できませんでした。また、多くの例とフィドルでは、クリックした div を使用して、次のような処理show = !showを行い、次に "loading..." を表示します。

私のはちょっと違うと思います。

これが私のhtmlです:

私のコントローラーの関連部分は次のとおりです。

これを処理するにはどのような方法がありますか? 1 つの再生ボタンをクリックすると、再生ボタンだけが非表示になり、そのボタンだけの一時停止ボタンが表示されます。おそらく $index または Parentindex の何かだと思いますが、数時間いじって読んだ後でも、まだ近づいていません。