問題タブ [ng-style]

スタイルのオブジェクトがあり、最初の要素だけに別の CSS スタイルを設定する必要があります。そのために特別にディレクティブを作成しましたが、機能しません

私はあなたの助けに感謝します!

コードは次のとおりです。

ありがとう！

私は属性をdiv持つを持っています。ngStyle最初はdiv問題なく見えます。しかし、ngStyle属性内で使用されるプロパティを更新すると、styleタグは更新されません。そのため、変更は に反映されませんdiv。

私が言いたいことの例を次に示します: http://plnkr.co/edit/YQIxJYEFWwbxiXr4HBwY?p=preview

最初divは緑色です。その下のボタンをクリックすると、属性が(赤) 色ngStyleで更新されていることがわかります。#ff0000しかし、style属性は更新されません。

style角度を強制的に属性を再度更新する方法はありますか?

注:私の実際のシナリオでは、div にはさらに多くのstyleプロパティがあります。また、スタイル プロパティなどを持つタグdivもあります。<p>

ngStyle今の見た目を変えたくない。このメソッドを使用すると、スタイル属性を強制的に更新できるかどうかを知りたいです。

API からの他のデータに基づいて、API から引き出された画像の周りに境界線の色とボックスの影の色を設定しようとしています。基本的に、これらの色を動的にロードする必要があります。調査を通じて、私は ng-style が進むべき道であることを知っており、私はその道の 90% を達成しています。ng-style の CSS で API 呼び出しから返されたデータを使用する際に問題があります。下記参照：

関連するhtml:

Angular コントローラーからの関連コード:

API の結果 (response.prim_hex と response.sec_hex) を CSS オブジェクトの homeColors に取得する方法につまずいているので、それらは ng-style ディレクティブに読み込まれます。

divの背景色を変更しようとしています。私のhtmlコードは以下の通りです：

コントローラー内の私のjsコード：

コントローラーの最初の行は、背景色を赤に変更します。入力アラートにファイルを設定すると、「赤」が表示され、背景色が青に変更されませんでした。入力（発射機能）のファイルを変更するとアラートが「青」と表示され、再び背景色が変更されませんでした。関数から値を変更すると、ng-styleが色を変えないのはなぜですか?

大量のデータをスローする単純な ng-repeat があります。

次のようなものがスローされます。

の値に基づいて DIV に CSS プロパティを追加するにはどうすればよいですか?{{data.Age}}

したがって、年齢が 25 歳の場合、DIV の幅は 25% になります。

私はもう試した：

どちらが失敗するか

Plunkr で更新します。

http://plnkr.co/edit/HdyDByoZ2aR1Ajsf2eFQ?p=preview

プロパティをスタイル属性にレンダリングしようとした場合にのみ、IE で問題が発生します。

HTML:

フィドル

あなたのソリューションが ngStyle を使用する場合、変数を使用するコードの例を喜んで示します$scope.color。つまり、$scope.color変更されるときに背景も変更する必要があります。