問題タブ [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 を確認してください。

AngularJS私は次の方法を使用してng-classいます：

if-else式を使用してこれに似たことができるかどうか疑問に思っています:

では、それぞれの値を指定したり、使用call.Stateしたりしないようにするときはいつですか?firstsecondclassC