画像の URL (bgUrl) を保持できるスコープにプロパティがあります。この画像を「div」の背景画像として使用したいと思います。ただし、プロパティが未定義の場合は、クラス bg-image で定義されているデフォルトの画像を使用したいと思います。今、私はそれを次のように行うことができます
<img ng-show="bgUrl" ng-src="bgUrl"/>
<div ng-hide="bgUrl" class="bg-image"/>
しかし、これを1つの要素にまとめたいと思います。私はこのようなことを試しました
<div class="gb-image" ng-style="{true: 'background-image': 'url(\'' + bgUrl + '\')'}[bgUrl]"/>
Google からいくつかのコードをコピーしました (これが機能するかどうかはわかりません)。ただし、1つ明らかなことは、これは機能しません:)これを解決するための角度の良い方法は何ですか?私のソリューションは機能しますか?