問題タブ [ng-class]

コンポーネントがあり、cssクラスを設定するのに問題があります。常に「box」のクラスを持ち、次にディレクティブ「class」引数と1つの条件付きクラス「mini」で指定された追加のクラスを持ちたいです。

概念的に私が達成したいのは次のようなものです。

問題は、class html属性を設定すると、ng-class属性が省略されることです。コントローラを変更せずに例を機能させるにはどうすればよいですか？それも可能ですか、それとも代わりにコントローラーでクラスを設定する必要がありますか（これは避けたいです）？

次のような非常に単純なAngularコードがいくつかあります...

動作しますが、結果の出力は次のようになります....

問題は、私のクラスが ng-scope で始まり、このように見える私の css セレクターを壊していることです..

angular を取得して ng-scope を削除する方法、または少なくともクラス宣言の最後に配置する方法はありますか?

式のバインドを単体テストできるように、ng-classを使用してクラスを式にバインドしようとしています。しかし、何かが足りないようです。

ボタン：

折りたたんだり展開したりするパネル：

実行される関数

とにかくリンクをクリックしても何も起こりません。

私は何かが足りないのですか？

私はこれがうまくいかない理由を解明しようとしています：

しかし、これはします：

なぜクラスを使用しているのですか？

ng- *属性は、サポートする必要のある一部のクライアントではうまく機能しないため、それらをシムするのではなく、古き良き安全なクラスを使用したいと思います。

Personオブジェクトの配列があります

そして私は次のようなng-optionsでselectを使用しています：

Eligible：falseのレコードを赤い色で表示したいと思います。だから問題は、これを達成するためにどのようにng-classinを使用するのですか？タグselectを使用していないため、要素自体を追加するだけでは機能しません。optionng-classselect

投稿するメッセージを含むテキストエリアと、まだ利用可能な文字数のスパンがあります。

messageText、maxMessageLengthおよびmessageLengthAlertTresholdはすべて で定義されており$scope、テキストエリアにテキストを挿入して の値を変更すると、スパン内のカウンターが正しく更新されますmessageText.length。

ただし、に含まれる値に関係なく、css クラスmessage-lengthもmessage-length-alertスパンにも適用されませんmessageText。

message-length-alertまた、 ng-class 属性を残すためのチェックを単に{message-length: true}で削除しようとしましたが、とにかく適用されません。

私は何が欠けていますか？

以下のコードでは、「selectedDesignAreaId」という名前のコントローラーに変数があり、この変数を「designarea.id」の現在の値にバインドしていますが、「selectedDesignAreaId」をリピータークラスのdesignAreaIdの値のいずれかに変更すると更新されていません...常に「unSelectedCanvas」が設定されています...

ng-switch を ng-class に置き換えることで、ここでコードを繰り返さないようにすることは可能ですか。

このようなもので（2つのng-class命令があるため、機能しません）：

まず第一に、私の英語で申し訳ありません。私の問題は：

私はこの簡単なコードを持っています:

そしてこれは私のgetMenuItemClass：

これは準備が整った例です。理由はわかりませんが、実際のアプリケーションでは 3 重になっています。:0 私が間違いを犯している場合、誰かが私に説明できますか?

http://jsfiddle.net/h7yKr/44/

jsfddle を angular の最新バージョンに更新したところ、4 倍になりました。見てください http://jsfiddle.net/h7yKr/46/

明確化のために編集: 問題は、getMenuItemClass() が必要以上に多く呼び出されることです。jsfiddle を開いてブラウザ コンソールを開いて、console.log を確認してください。