ui grid 400 chrome dev 도구에서 오류가 발생했습니다. celltemplate에서 이미지를로드 할 때

이 문제가 발생했는지 어떻게 알 수 있습니까? Chrome dev 도구로 이것을로드하면 400 오류가 표시됩니다 (잘못된 요청) http://plnkr.co/edit/fRhBgC4SmPYL8udb007y?p=preview ui grid 400 chrome dev 도구에서 오류가 발생했습니다. celltemplate에서 이미지를로드 할 때

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}}"/>' 
      } 
    ]}; 
});

출처

2017-11-02 kiev

당신은 사용할 수 있습니다 그것을 해결

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

출처

2017-11-03 08:23:33

이 - 감사합니다! ng-src를 찾았는데 여기에 있습니다. src 속성에서 {{hash}}와 같은 AngularJS 마크 업을 사용하면 올바르게 작동하지 않습니다 : 브라우저가 {{hash}} 리터럴 텍스트가있는 URL에서 가져올 것입니다. AngularJS는 {{hash}}의 표현식을 대체합니다. ngSrc 지시어는이 문제를 해결합니다. 버그 방법을 쓰기 : 올바른 방법을 쓰기 : Description https://docs.angularjs.org/api/ng/directive/ngSrc – kiev

ui grid 400 chrome dev 도구에서 오류가 발생했습니다. celltemplate에서 이미지를로드 할 때

답변

관련 문제