問題タブ [ng-class]

私はコントローラー$scopeで定義されたすべてのものでうまく動作するng-classを持っていました：

しかし、工場に切り替えた後、私はそれを機能させることができませんでした:

ここでフィドル: http://jsfiddle.net/5XqDL/2/

console.log で nav オブジェクトを確認したところ、nav.show 変数と nav.fixed 変数が変更されているはずです。クラスが適用されていないだけです。

何か案は？前もって感謝します。

私は AngularJS を使用しており、独自のディレクティブを作成しています。カスタム ディレクティブで条件付きロジックを使用したいと考えています。問題はそのtemplate部分で発生します。これが私のコードの一部です：

この行はエラーをスローします。

この''あたりfa-angle-upがfa-angle-down原因です。おそらく非常に簡単な回避策がありますが、私はまだそれを理解していません。皆さんへの質問です。この行を書く他の方法はありますか？

編集:それは私の側の混乱であることが判明しました.plsは私自身の答えを見てください.

ng-class で複数のクラスの優先順位を並べ替えようとすると、奇妙な動作に遭遇しました。

http://jsfiddle.net/6JjFM/1/

問題は、ng-class で式の順序をどのように変更しても、常にスタイルシートの最後にあるクラスを適用するように見えることです (つまり、.btn-primary を .e の下に置くと css で開始されます)。 .btn-primary の background-color を使用)。ng-class-even を使用して .e クラスを配置すると、同じことが起こります。実際にクロムでコードを検査すると、「btn-primary e」の順序が表示されますが、.e の背景色は btn-primary の色を上書きしません。

!important などの CSS トリックを使用せずに、angular を使用して ng-class のクラスの優先順位を変更する方法はありますか?

特定のスコープ変数に基づくクラスを利用するがあります。

この場合、スコープ変数は{{jobSingle.UserFit.Summary.score}}で、 -1 (不明の場合) または0 ～ 10 (スコアがわかっている場合)の値を取ります。

スパンは次のコードでレンダリングされます。

ただし、jobSingle.UserFit.Summary.score > -1 の場合、クラスは正しく取り込まれません。

開発者コンソールで要素を調べると、コードがそのまま表示されます。

スパンに対してレンダリングされたクラスは「fit-score- null」でした。

その他の背景情報:

上記のコードは、ローカルで定義されたモック データを使用していたときに機能していました。

ただし、 $httpを使用して API からライブ データを呼び出すようにコントローラーを切り替えた後、上記の状況でクラス名に null が表示されるようになりました。

上記以外のすべてのデータは完全にレンダリングされます。

私は何か間違ったことをしていますか？よろしくお願いします。

ng-class を使用しようとしている html があります。「true」でハードコードすると、クラスの CSS が期待どおりに適用されます。しかし、true を式 (以下に示す) に置き換えるとすぐに、クラスが適用されていないように見えます。HTML の行は次のとおりです。

そしてコントローラーからのコード：

私はAngular.jsを学んでおり、次のコードがあります:

そして、構文に何か問題がありますが、何がわかりません...私がやりたいのは、リスト内の重複を見つけることです.重複がある場合は、保存ボタンのスタイルを変更してユーザーに警告したい(クラス btn-warning)。誰でも私を助けてくれることをとても嬉しく思います。よろしくお願いします。更新: コンソール ログ:

私にとってはかなり奇妙です。 解決策:

回答のコードも機能します（そして、IMOは私のソリューションよりも少し上手に書かれています:)）

私はアプリを構築しています。私の index.html は次のようになります。

私のメイン モジュール js は次のようになります。

私のコントローラー JS は次のようになります。

mainControllerは親コントローラーであることに注意してください。unitTableControllerは mainController から継承します。

ディレクティブcountTableテンプレートは unitTableController によってロードされます。

table.htmlは次のようになります。

ディレクティブを保持する html は次のようになります。

現在、ディレクティブは正しいデータを本来の形式で出力していますが、親のmainControllerのgetCellColor()メソッドが呼び出されていません。

unitDataは、データが残りのデータを取得するサービスですが、ここでは問題ではありません。

セルの値の条件に基づいて、テーブル セルのクラスを設定する必要があります。既存のテーブル/グリッド ツールは使用したくありません。ツールを使用するための非常に単純なテーブルです。私が間違っていることはありますか、またはその値に基づいてセルのクラスを取得するより良い方法はありますか?

呼び出されるメソッドのスコープに問題がある可能性があります。

提案してください。