問題タブ [ng-class]

私はAngular Jsが初めてです。クリック イベントで要素にクラスを追加する必要があります。次のコードを試しました。しかし、それは機能していません。

このコードの問題は何ですか? ng-class を使用する必要がありますか? どうやってするの？

これは灰色のバーの場合です。

これは緑色の棒です。

これはコードの本体です:

私は入れたい：

これにより、電流が最大値以上の場合はアボカド グリーンになり、電流が最大値未満の場合はピンク色になります。しかし、このng-classをbarsCurrentディレクティブ内に配置しても、何も起こりませんでした。

これを実装するための解決策を提案できますか? ありがとう

私が持っている場合：

が trueの場合、または( ) 値が trueの場合にinクラスを追加する最も簡単な方法は何ですか?$firstitem.in$scope.item.in

注： $firstこれは、この行を囲んでいるためng-repeatですが、コードが不完全だと思われる場合は、他のブール値または 0/1 値にすることができます。

私はそれを理解するのに苦労していitem.dynamicClass = 'article'ます

次のような div を返しません。

代わりに次を返します。

私がこの仕事を得ることができた唯一の方法は、

コントローラーを使わない解決策が欲しい

AngularJS を使用してフォームを検証しようとしています。これは私のフォームです：

ng-class は適用されません。email.$valid、email.$invalid、email.$error を試しました。コントローラーはコンソールへのログ記録以外は何もしないので、呼び出されていることがわかります。ハードコードを設定$scope.email = 'asd@asd.com'すると、正しく設定されます。

値を入力しないか無効な文字列を入力すると、ng-class が適用されないのはなぜですか?

コントローラーにクラスが設定された配列があります（このようにする必要があります。ページのメタテンプレートから読み取られます）。また、同じ要素に条件付きクラスを適用したいと思います。出来ますか？

編集、詳細情報: 私の html 要素には、2 つのソースに由来するクラスがあります。1 つは、コントローラーによって作成された一連のクラスです (これらは、コード外のサービスによって提供されます。ビューにハードコードすることはできません)。もう 1 つのソースは条件の出力です (例: if "$scope.activeElement === name_of_this_element, add 'active' class)。ng
-class ディレクティブでは、指定されていないクラスのリストにオブジェクト表記を使用できません(最初のソース) 条件付きクラスにはオブジェクト表記を使用する必要があります。

編集：解決策が見つかりました（以下を参照）。