問題タブ [ng-class]

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 に答える
530 参照

angularjs - 両方のクラスを取らないngクラス

私はこのようなngクラスを持っています

問題は、「response.submitSuccess」が true を返すと仮定すると、アラートクラスではなくアラート成功クラスのみが追加されることです。

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

javascript - Angular: ng-repeat 内の要素のサブセットのみを ng-click

私はAngularを使用しています。いくつかの要素をクリック可能にしたい ng-repeat ループがあります。次のようなもの:

コントローラーの doSomething は次のようなものです

これは機能しますが、ほとんどの要素がクリック可能でない場合、多くの役に立たないハンドラーを設定すると、ページが遅くなる可能性があるのではないかと心配しています。そうですか?もしそうならng-click、必要な場所だけ、つまりそのような要素だけに属性を設定する方法はありitem.clickable === trueますか?

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

angularjs - ngAnimate と ngClass の間の競合が DOM を壊すのを防ぐには?

ngAnimate ライブラリ (1.2.13) の使用を開始したばかりで、ngRepeat ディレクティブを ngClass と組み合わせて使用​​すると、DOM が壊れます。ngClass が、ngAnimate クラスで定義されていない既存のトランジションをトリガーするクラスを追加または削除すると、競合が発生するようです。

次の Plunker で動作を再現しました: http://plnkr.co/edit/iw5st35cqp1GQeCxMhjj 要素の 1 つをクリックすると、それらがフォーカスされます。クラスdm-focusedは ngClass で要素に追加され、高さの遷移をトリガーします。フォーカスされた要素が削除されると、リストから消えるはずですが、代わりに不具合が発生し、フォーカスされた状態でスタックします。

私が思いつくことができる唯一の解決策は、すべての ngAnimate クラスをtransition: none、このグリッチに苦しむすべての既存のクラスに設定することです。しかし、ngClass と ngAnimate の両方でトランジションを使用したい場合はどうすればよいでしょうか? また、この望ましくない動作を防ぐためだけに、すべてのアプリケーションを調べて、不要なスタイリングを追加する必要があります。

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

javascript - Ng-class - DOM に追加された後にクラスを削除する

同じ要素でアニメーションを作成するために animate.css を使用しています。クラスを追加した後にクラスを削除する際に問題が発生しています。

HTML

角度

アニメーション後にクラスを削除するにはどうすればよいですか?

0 投票する
7 に答える
16962 参照

angularjs - クラスの1つが条件付きである場合、ng-classで複数のクラスを追加します

私はこのコードを得ました:

それは機能しますが、「キー」値もクラスとして追加したいと思います。

しかし、それはうまくいきません、誰もこれを解決する方法を知っていますか?

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

angularjs - ng-class は、単純な css クラスが行うことを行いません

私は ng-class が少なくとも単純なクラスが行うこと、つまり css プロパティを適用することを期待していました。plunker の例では、 に置き換えるng-classclass機能し、インデントが得られます。つまりng-class="indentLeft"、機能しませんがclass="indentLeft"機能します。何が欠けていますか?

ここで簡単なプランカーを参照してください: http://plnkr.co/edit/moLu0BmgEYVm3xFQDcw8?p=preview

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

javascript - モーダル文字列のAngular ng-class JavaScript条件

モーダル値に基づいてスタイル クラスを適用しようとしています。

モーダルの値に基づいてグリフィコン アイコンを追加しようとしています。しかし、私はその仕事を得るのに苦労しています。以下は私が使用するコードです。

何が問題なのか教えてください。または、角度式でメソッドのインデックスを使用しないでください。