angularjs: background-image:url(...) に相当する ng-src 質問する

angularjs: background-image:url(...) に相当する ng-src 質問する

AngularJSでは、タグ ng-src{{これは、AngularJS がとの間にある変数を評価する前に、無効な URL のエラーが発生しないようにすることを目的としています}}

問題は、background-imageURL に設定された DIV をかなり多く使用していることです。これは、background-size画像を DIV の正確なサイズにトリミングする優れた CSS3 プロパティのためです。

唯一の問題は、ng-src タグが作成されたのとまったく同じ理由で、多くのエラーが発生することです。URL にいくつかの変数があり、ブラウザは画像が存在しないと判断します。

粗雑な書き方をしてしまう可能性もあるとは思います{{"style='background-image:url(myVariableUrl)'"}}が、これは「汚い」ように思えます。

いろいろ検索しましたが、正しい方法が見つかりません。これらのエラーのせいで、アプリが混乱しつつあります。

ベストアンサー1

これは私には合っている

<li ng-style="{'background-image':'url(/static/'+imgURL+')'}">...</li>

おすすめ記事