問題タブ [angular-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 投票する
3 に答える
5050 参照

angular - ngClassを使用してion-cardに境界線の色を適用する方法

私は以下のような配列

私のHTMLでは、ion-cardを使用しました

ここに私のcssコードがあります

そのカードのUIに表示される配列から2つのオブジェクトがあり、「defaultBackground」配列に基づいて2つの色を使用しています。

上記のコードは常に oneCardData css クラスのみを適用します。

したがって、検査要素ではoneCardDataCSSのみが表示されますが、zerocardCSSは適用されません

アップデート

trueまたはfalseを表示するために、idxのindextでhtmlパーツを更新しました。

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

angularjs - クリックで AngularJS / jqLit​​e で 2 つのクラスを切り替えます

クラスslideInRightslideOutRightをul要素に切り替えてslideIn/slideOutアニメーションを取得したくありません。

さまざまな方法で試しましたが、1 つの className でしか機能しません。

最初にクラスslideInRightを追加し、クラスdropdown -menuを使用して ul 要素を 2 回目にクリックしてクラスslideOutRightを追加するにはどうすればよいですか?

私はこの方法で試しました:

私は何を間違っていますか?

お役に立てれば幸いです。


アップデート:

これが私のコードの現在の状態のプランカーです。この方法では、slideInRight アニメーションのみが機能します。ボタンをもう一度クリックすると、slideOutRight アニメーションなしで ul が消えます。

どうしたの?

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

angular - Angular2 [ngClass]条件付きでスペースが失敗する

スペースのないクラス名で正常に機能する ngClass 条件がありますが、以下のようなことをしようとして、ボタンのクリックで isTrue を切り替えると、クラスが「btn btn-primary」から「btn-default」に変わります。そこのスペースはそれを捨てているようです。私は何かが欠けていますか

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

angular - Angular で特定のコンポーネントのレイアウトの幅を変更する

選択したコンポーネントのみでレイアウトの幅を変更することは可能ですか? <div class="page home-page">ログインコンポーネントのみを変更したいですか? ログインコンポーネントのみで、他のコンポーネントではありません。