問題タブ [angularjs-ng-class]

タブAをクリックすると、コンテンツが表示されます

タブBをクリックすると、Aのコンテンツが非表示になり、Bのコンテンツが表示されます

しかし、私が望む効果は、タブAをクリックしてコンテンツを表示し、もう一度タブをクリックしてコンテンツを非表示にすることです。

任意の提案が役立ちますありがとう

次のコードがある場合、要素のアクティブなクラスを切り替えるにはどうすればよいですか?

ロード時に、最初のタブ コントローラースパンをアクティブに設定する必要があります。これは正しいですが、オンクリックでアクティブなクラスを切り替えることはできません。タブの数は動的であるため、1 または 10 にすることができます。現在、次のようなタブが生成されます。

親スコープにバインドされたいくつかの値に基づいて、カスタム ディレクティブが独自のクラスを前処理できるようにしたいと考えています。ただし、独自の ng-class を設定し、ローカル スコープで関数を実行するディレクティブを取得できないようです。

残念ながら、式は評価されず、文字列として割り当てられるだけなので、スタイルは適用されません。DOM要素を調べると、次のように表示されます

jQuery を使用してリンク関数にクラスを追加することもできますが、それらはデータにバインドされません。また、可能な限り $watch の使用を避けたいと考えていました。

どんなアイデアでも大歓迎です！

次の angularjs ng-repeat があり、列のステータスには 3 つの値 (Phoned、Active、Waiting) があります。

次の画像のように、ステータスの値に応じてブートストラップ クラスを適用する必要があります。

ToDo リストがあり、[Strike mark] ボタンをクリックすると、チェックされたすべての要素が打たれるようにしたいと考えています。

これは私のコードindex.htmlです

これは myNoteCtrl.js です

現在、最初のものは私が持ってng-classいる2番目のものをオーバーライドしますng-class。これらの両方をどのように組み合わせて、ある種の青いクラスと方向タイプを取得しますか?

http://codepen.io/leongaban/pen/KpZxKG?editors=110

特定のクラスの div を含む li にボーダー スタイルを追加しようとしています。この場合.text-trans-normal。

これを達成するために存在する条件はありますか？

上記の Codepen は一例に過ぎません。以下は、Angular 構文を使用した実際のマークアップです。

CSS

この場合、li:first-child を使用できることはわかっていますが、それができない別の理由があるため、ここで別の解決策を探します。

私はいくつかの「li」要素を繰り返しており、そのうちのいくつかはこのような「アクティブ」クラスを持っています

一方、「アクティブな」クラスに依存するいくつかのクラスを追加するディレクティブがあります。私のディレクティブはこのようなものです

しかし、「要素」引数に「アクティブ」クラスが表示されません。(Angular の前に jQuery を既に追加しています。)

ディレクティブで「アクティブな」クラスを取得するにはどうすればよいですか?