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 + uW / + WonqAL75HX / wswAH3 / 1hmUDbAiAAAAAElFTkSuQmCC'}} net :: 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绑定属性。