問題タブ [angular-ng-class]

ここに ng-repeat に div があります

ここで、result.subscribed はサービスからのブール値であり、omega.harish は私の単純なブール値変数です。この div のクラスは、result.subscribed 値に従っています。

ここで、ng-repeat で作成された div のアクティブなクラスも変更したいのですが、他の作成された div のクラスは引き続き影響を受けます。

ng-classクリックしたものだけに適用したいのですbutton/elementが、どうすればいいですか?

JS ファイル:

HTML ファイル:

http://codepen.io/anon/pen/BjNyNe

JQueryを使用して行ったことを模倣したいAngularJS。

以下はそのためのフィドルです。

ここでやったことは3つ。

1. 右の列の最後の要素を見つけます。
2. そこから属性「data-color」をピックアップ
3. 属性の値をクラスとして「right-col」に割り当てます

Angular コードの何が問題になっていますか? 次のエラーが表示されます。

BrowserDomAdapter.removeClass で未定義のプロパティ 'remove' を読み取ることができません

サードパーティのディレクティブを角度ディレクティブとしてラップしています。と呼びましょう<wrapper>。私はしなければならない。

テンプレートには、<wrapper>次のような条件付きクラスがあります。

内部要素にもng-class属性があります。ラッパーのスコープからクラスを受け取る必要があります。

ディレクティブは次のようになります。

テンプレートに条件付きクラスを導入するまで、これはうまくいきました。クラスをラッパーに渡さない限り、それもうまく機能するので、それは内部要素に渡されます...

次のコードが機能します。

次のコードは機能しません。

次のエラーが表示されます。

angular が渡されたすべての「クラス」をリストしているように見えますng-classが、これは、条件付きクラスを適用するかどうかを評価する前に発生します。これを解決する方法はありますか？

コンマとセミコロンでも区切ろうとしました。内部要素には適用されませんでした。エラーメッセージだけが消えました。

更新(1 月 17 日現在)

単純化されたJSFiddleで問題を再現できたようです。

基本的に、コンテナー タグを置き換えないディレクティブ (tobe ラップ) があります。それよりも、ラッピング ディレクティブがあります。

これが、[ {a} {b} ]AND[ a {b} ]タイプのクラスリストを持つことになった方法です。

オプションの解決策があるのか​​ 、それともここで完全に間違ったことをしているだけなのか、まだ疑問に思っています。

私は ngClass で遊んでいますが、何が間違っているのかわかりません。奇妙な行動を示しています。関数を ngClass に割り当てると機能しないようですが、オブジェクトリテラルを割り当てると機能します。コンポーネントの関数で ngClass を動作させるにはどうすればよいですか?

ProposalForm.ts

Chromeのインスペクターを見ると、これはHTMLです

「valoracion」という名前のパラメーターを持つ JSON オブジェクトを返すサーブレットがあり、そのパラメーターに関連付けられた値の名前を持つ CSS クラスになるスパン ラベルに使用したいと考えています。これは、このクラスに応じて異なる方法で .gif を表示するために実行したいことです。私はAngularJSを使用しています。

これは、「novedades」ページ コントローラーの js コードです。

novedadesService.novedades は、POST 要求をサーブレットに送信し、サーブレットから返されたものと同じ JSON を返すファクトリです。これは、前述の JSON の例です。

このもう 1 つは、そのページの HTML コードです。

これは私が問題を抱えている部分です：

以下は、ページに表示する CSS の例です。

ここに、ページのスクリーンショットがあります。開発者コンソールで問題を確認できます。

この問題についてご協力いただけると幸いです。