ui 在 celltemplate 中加载图像时 chrome 开发工具出现网格 400 错误

Question

有没有人见过这个问题并且知道是怎么回事？如果您在 chrome 开发工具打开的情况下加载它，您将看到 400 错误（错误请求） http://plnkr.co/edit/fRhBgC4SmPYL8udb007y?p=preview

当您在 cellTemplate 中使用 row.entity.imgurl 时出现问题。

var testApp = angular.module('testApp', ['ui.grid']);

testApp.controller('TestCtrl', function($scope) {

  $scope.grid = {
    rowHeight: 50,
    data: [{
      name: 'Test',
      label: 'Suwako Moriya',
      imgurl: 'http://i.imgur.com/945LPEw.png'
    }],
    columnDefs: [
          { field: 'name'},
          { field: 'label', displayName: 'Name',
            cellTemplate: '<div class="ui-grid-cell-contents" title="TOOLTIP"><img  alt="{{COL_FIELD CUSTOM_FILTERS}}"  src="{{row.entity.imgurl}}"/>'
          }
    ]};
});

Answer 1

您可以使用：

ng-src="{{row.entity.imgurl}}"

ui 在 celltemplate 中加载图像时 chrome 开发工具出现网格 400 错误

ui grid 400 error in chrome dev tools when loading image in celltemplate

angularjs

angular-ui-grid

ui-grid