問題タブ [ng-class]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - AngularJS: セル値に基づいて動的に生成されたテーブルのセル クラスを変更する
次のコードで動的に生成されたテーブルがあります。
テーブルが反復されるデータは次のようになります。
ご覧のとおり、データはネストされた配列です。現在、親コントローラースコープで定義されているメソッドgetUnitCountCellColor()を呼び出して、その値に基づいて各セルの色を設定しようとしています。
このメソッドは単に値を取得し、その値に基づいてカラー クラスを文字列として返します。(例: 危険、成功)
現在、値'undefined'で 4 回だけ呼び出されています。
私はこれをng-classで次のように実装しようとしました:
しかし、そのメソッドはまったく呼び出されません。
現在のコードのエラーを指摘するか、別のより良いアプローチで、この機能を実装するのを手伝ってください。
ありがとう、
angularjs - ngClass でディレクティブのスコープ属性をクラス名として使用する
ngClass のクラス名としてディレクティブのスコープ属性を使用したい
ngClass の他の構文も試しましたが、これも機能しません (このために a を追加しました$scope.dummy = true
)
これを行う正しい方法はありますか??
angularjs - 式が再評価されるときに ng-class が適用されない
このコードはオフライン ネットワークからのものなので、ここに貼り付けることはできません。まとめています。
次のコードがあります。
agents
リストは ajax リクエストを介してロードされます。
app.js:
Agent.js
記録として、AgentsServlet
単純なテキスト ファイルからエージェントとそのデータを読み込みます。
ここで、ファイルの内容を変更すると、次の ajax リクエストはテーブルの内容を正常にロードして更新しますが、ng-class は変更されません。たとえば、エージェントのステータスを RUNNING から ERROR に変更しても、その tr のクラスは「エラー」に変わりません。
奇妙なことに、ng-class 内に getClass() ロジックを配置すると、次のように機能します。
関数呼び出しが問題であり、式ではないようです..何かアイデアはありますか?
ありがとう
angularjs - 通常のクラスと ng クラスの混合使用
でさまざまなアイコンを生成したいng-repeat
:
を使用してクラスを 1 つだけ指定するにはどうすればよいng-class
ですか?
私が書いた場合:
次に、生成された出力は
もちろん、アイコンはページに表示されません。