問題タブ [ng-style]

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.

0 投票する
3 に答える
64427 参照

angularjs - 「ng-repeat」反復内でAngularJs「ng-style」を使用する

ng-style を使用して、値に基づいてテーブル内のデータ要素の色を条件付きで設定しようとしています。データの各行は、ng の繰り返しを使用して生成されています。

だから私は次のようなものを持っています:

そして、次のようなことを行うコントローラーの関数:

私はいくつかの異なることを試しました。色を支払いオブジェクトのデータ属性として設定することもできますが、データバインディングからデータを処理するための ng-style を取得できないようです。これを機能させる方法を知っている人はいますか? ありがとう。

0 投票する
6 に答える
329634 参照

javascript - Angular JS で CSS スタイル属性を動的に適用する

これは単純な問題のはずですが、解決策が見つからないようです。

次のマークアップがあります。

背景色をスコープにバインドする必要があるため、これを試しました:

それはうまくいかなかったので、いくつかの調査を行って を見つけましng-styleたが、うまくいかなかったので、動的部分を取り出して、このように でスタイルをハードコーディングしてng-styleみました...

そしてそれはうまくいきません。仕組みを誤解しng-styleていますか?{{data.backgroundCol}}プレーンなスタイル属性に入れて値を挿入する方法はありますか?

0 投票する
1 に答える
1833 参照

css - イメージタグでAngular ng-styleを使用して背景画像を呼び出す

ng-style で画像を条件付きで表示しようとしています。ここ(およびドキュメント) にリストされているすべての提案を試しましたが、何も機能していないようです。

ここにJSFiddleがあります

0 投票する
1 に答える
40034 参照

css - 関数ごとにngスタイルのマルチCSSルールを取得するには?

angularフォームテンプレートのhtmlタグにマルチCSSルールを適用する必要があります。

コントローラーの getStyle 関数:

taskType オブジェクト:

このgetStyle関数はスタイルを返しません! 何をすべきか?

0 投票する
1 に答える
867 参照

angularjs - AngularJS ng-style のデフォルト値

構文に何か欠けているに違いありませんが、スコープ変数に値が入力されていない場合、デフォルトの背景色を設定するにはどうすればよいですか?

以下は私にとってはうまくいきません:

ただし、この構文は他の場所でも機能します。

ng スタイルの構文で何が間違っていますか?

0 投票する
1 に答える
967 参照

css - background-image の ng-style が機能しないのはなぜですか?

私の ng スタイルは次のとおりで、バックグラウンドでは機能しません。

hg-style ディレクティブ自体が考慮されるように境界線を追加しました (境界線が赤であるため)。

DOM では、境界線が実際にあるのに背景が見えません。

何か案が?