AngularJS和IE問題

Question

我有以下代碼顯示用戶頭像：

<div class="dashboard_image" style="background-image:url({{(user.avatar!=null)?user.avatar:'/img/general_user.svg'}})" style="width:200px;height:200px"></div>

如果用戶沒有任何圖像，則user.avatar為空。

在Chrome中可以正常運行，但在IE 11中則不能。這是怎么回事？

Answer 1

嘗試使用為此目的而存在的ng-style。

https://docs.angularjs.org/api/ng/directive/ngStyle

<div
    class="dashboard_image"
    style="width:200px;height:200px"

    ng-style="{
        backgroundImage: 'url(' + (user.avatar!=null ? user.avatar : '/img/general_user.svg') + ')'
    }">
</div>

（未測試）

Answer 2

您應該執行以下操作：

<div class="dashboard_image" ng-style="{'background-image': user.avatar!=null ? 'url(user.avatar)' : 'url(/img/general_user.svg)'" style="width:200px;height:200px"></div>