問題タブ [ng-style]

私はAngular JSアプリケーションに取り組んでいます。私の体の背景は、サーバーがホストする画像に応じて毎分変更する必要があります。

私の HTML では、ng-style を使用して背景画像を設定します。

私の mainCTRL では、imageURL は次のように設定されています。

うまくいきますが、今は画像を更新する必要があります。ホストされた画像は毎分変更されますが、常に同じ URL でホストされています。そのために、JS コードに次のように記述しました。

タイマーは毎分機能し、テスト関数が呼び出されますが、画像は常に同じです。

URLが同じでも画像を変更する解決策が欲しいです。

--

私は JavaScript の初心者で、英語で申し訳ありません。ありがとうございました

私は Angular アプリケーションを持っていますが、これは 2 つの半分の分割画面を持ち、両方とも同じ配列値を持っています。幅と高さの値はサービスで設定され、コントローラーによって呼び出されます。スタイルは ng-style で DOM に設定されます。ただし、左半分は適切に配置されておらず、右半分は配置されています。ここに問題の画像があります：

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

RiderSettingsHalf.html

そして、ここに関連するすべての Angular コードがあります。問題はコントローラーにあると思いますが、サービスとディレクティブも含めました。

ionic を使用して hbrid アプリを作成していますが、次の問題が発生しました。私は両方を試しました

と

しかし、コントローラーから値を取得するものはありません

console.log は正しいテキストを提供しますが、要素を読み込んで検査すると、表示されるすべてが

また

私が代わりに書くとき

それは私が望むように機能しますが、動的ではありません。私が何を間違えたか知っている人はいますか？

ngStyle を ng-content にバインドしようとしましたが、機能しません。以下の例を参照してください。

インターネットで検索すると、以下のソリューションしか見つかりません。

=> https://plnkr.co/edit/T5CoP5qmd4nzIPAFjLNQ?p=previewより

ただし、スタイル値を動的に変更することはできません。

このクラスの背景色プロパティを条件付きで設定したい div が 1 つあります。ブーストラッププログレスバーを使用していますが、プログレスバーのカスタム設定が含まれているため、以下のクラスを使用したいだけです。

以下は私のdivです：

状態は以下のようなものです:

データソースから一連のプロパティを読み取る角度の剣道 UI グリッドがあります。それらの 1 つには、色の文字列が含まれています。上記の色文字列を使用して、グリッド内の正方形ボックスの背景色を設定したいと思います。

ボックスには次のテンプレートを使用しています。

私のdataSourceからの関連データは次のとおりです。

現在私の DS として機能している JSON ファイルからの関連データ (すぐに変更されます) は次のとおりです。

現在、CSS にハードコードされた背景画像の URL があります。AngularJS のロジックを使用して背景画像を動的に選択したいと思います。これが私が現在持っているものです：

HTML

CSS

ご覧のとおり、CSS の背景画像は特定のファイルの場所を参照しています。画像 URL の場所をプログラムで特定できるようにしたいと考えています。どこから始めればいいのか本当にわかりません。私はJQueryを知りません。ありがとうございました。