UI-grid net :: ERR_INVALID_URL，同时根据COL_FIELD有条件地显示base64图像

Question

我正在使用ui-grid来显示一个表格，其中我将头像显示为第一列。头像图像是根据来自后端的col_field值有条件地显示的base64图像。

如果col_field为null，则显示base64中的默认图像（范围内可用），否则显示col_field本身的图像。

问题：

默认图片在范围内可用且显示正确但我收到控制台错误net::ERR_INVALID_URL

错误：

  

data：image / jpg; base64，{{COL_FIELD！= null？ COL_FIELD：   'iVBORw0KGgoAAAANSUhE ... NQS + jMdu / p7D8dz14x323NdD +微瓦/ + WonqAL75HX / wswAH3 / 1hmUDbAiAAAAAElFTkSuQmCC'}}   净:: ERR_INVALID_URL

这是代码段

columnDefs : [
{
    field : 'profilImage',
    cellTemplate : '<div class="thumbnail-image-list" > \
                    <img 
                         style="vertical-align:middle;" 
                         width="16" height="16" 
                         alt="{{row.entity.name}}"
                         src="data:image/jpg;base64,{{COL_FIELD!=null ? COL_FIELD : \'' + $scope.defaultImageHexCode + '\'}}"/>
                   </div>',
},

Answer 1

由于您使用的是插值，请使用ng-src而不是src绑定属性。