問題タブ [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.

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

angularjs - プログラムで ng-repeat に ng-show 値を作成する

私は次のものを持っています:

次のように、繰り返されるすべての div アイテムに一意の値を作成したいと思います。

そのため、コントローラーで、この場合は remove() というアクションを使用して、その属性を切り替えることができます。

}

$index を使用して html を生成できましたが、そのコードは機能せず、これを達成する方法がわかりません。

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

javascript - カスタム ディレクティブは、要素を ng-show を含むテンプレートに置き換えることができますか?

hello次のように使用される単純なディレクティブを作成したいと思います。

属性が「bar」に等しい場合、要素を;fooに置き換えたい。<div ng-show="true"></div>"それ以外の場合は、に置き換えます<div ng-show="false"></div>"。ただし、要素を置き換えたいのは1つだけhelloで、その中にネストされている子はありません!

たとえば、次のようになります。

これに置き換えられます:

これは可能ですか?

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

javascript - ng-repeat内のAngularJS ng-showアニメーションクロスフェード

単純な (しかし、私にとっては!) angularjs の表示/非表示アニメーションの問題。

高低を検索しましたが、この特定の問題の解決策は見つかりませんでした。これは、例と「課題」で最もよく説明できるでしょう。

まず、例: http://jsfiddle.net/adammontanaro/QErPe/1/

課題: 現在表示されている画像の下またはに表示され、上部の画像の div が非表示になると所定の位置にポップするのではなく、これらの画像互いにフェードインおよびフェードアウトさせることはできますか?

HTML:

CSS:

私はこれで何時間も車輪を回転させてきました。単一の画像または div を表示または非表示にする方法を示す優れた投稿の群れを見てきましたが、単純なクロスフェードと置換を試みると、すべてが機能しなくなります。絶対/相対位置をいじってみましたが、役に立ちませんでした。

これをスイッチで試してみましたが、スイッチ条件で $index を使用できなかったため、実行時にイメージをロードできました。それがここでの大きな要件です。

参考までに-これはangular 1.1.5を使用しています

ありがとうございました!!!アダム

0 投票する
6 に答える
158888 参照

javascript - ブール値に基づいてAngularJSでng-showを切り替えるにはどうすればよいですか?

が true の場合にのみ表示したいメッセージに返信するためのフォームがありisReplyFormOpen、返信ボタンをクリックするたびに、フォームを表示するかどうかを切り替えたいと考えています。これどうやってするの?

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

javascript - AngularJs: ng-show でダブルチェック

ng-show (またはその他) などのディレクティブの式のチェックが重複するのはなぜですか? 簡単な jsfiddle の例http://jsfiddle.net/fA5YX/を作成しました。ブラウザ コンソールで参照してください。

どうやって止めるの?チェックが1つだけ必要です。

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

angularjs - AngularJS: X > Y の場合に表示し、クラスを追加する

私は最初のアプリを構築しています。お客様がカートに商品を追加できる注文システムです。すべてがうまくいっています。しかし、私のクライアントは、顧客が現在の在庫を超える数量をカートに追加しようとした場合に顧客に警告する方法を望んでいます.

私のクライアントは、顧客が利用可能な在庫よりも大きなものを追加しない限り、在庫レベルを表示したくありません.

各行に在庫商品があるテーブルがあります。在庫レベルが利用可能な在庫よりも大きい場合は、次の 3 つのことを行いたいと考えています。

さらに興味深いことに、顧客は個々の商品ではなくパック単位で注文する必要があります。

基本的に、次のコードを機能させようとしています。

これは一般的なマークアップです:

次に、このdivを表示したい

モデル「totalitems」を行に追加してから、ngShow を使用してポップアップさせようとしました。ただし、「totalitems」は何も評価していないようです。他のいくつかのオプションを試しましたが、何も機能しませんでした (ngIF など)。

クラスの変更に関しては、これをソートしたら、式をngClassに転送できると思いますか?私はこれで遊んでいますが、これまでのところ何も機能していません。

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

angularjs - Angularjs:ng-showが非表示の要素を表示した後にページをスクロールする方法は?

隠しアイテムのリストがあります。リストを表示してから、1 回のクリックでそのうちの 1 つにスクロールする必要があります。ここでコードを再現しました: http://plnkr.co/edit/kp5dJZFYU3tZS6DiQUKz?p=preview

コンソールを見ると、アイテムが表示される前に scrollTop() が呼び出されているため、ng-show はインスタントではなく、このアプローチは間違っていると思います。scrollTop() をタイムアウトで延期すると機能しますが、私はそれをしたくありません。

他の解決策はありますか?