在这里我加载了对象“结果”，我想将徽标字段显示为图像而不是其名称，我该如何动态地执行此操作，如图所示，我已经将其静态地完成了
angular.module('myApp').controller('homecon', function ($scope, $http, $location, $rootScope) {
$http.get("http://localhost:1488/api/CompanyApi/get").success(function (res) {
$rootScope.result = res;
});
$scope.myGrid = {
data: 'result',
columnDefs: [{ field: "Comp_Name", displayName: 'Cmpany' },
{ field: 'email', displayName: 'Email' },
{ field: 'logo', cellTemplate: "<img width=\"50px\" ng-src='/logos/{{result[1].logo}}' lazy-src>" }
]
};
我不知道结果中包含哪些数据，但是您可以尝试这样的操作
var app = angular.module('app', ['ngAnimate', 'ngTouch', 'ui.grid']);
app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
$scope.gridOptions = {
enableSorting: true,
rowHeight:100,
columnDefs: [
{ field: 'name' },
{ field: 'company' },
{ field: 'image', cellTemplate:"<img width=\"50px\" ng-src=\"{{grid.getCellValue(row, col)}}\" lazy-src>"}
],
data:[
{name:"Name1",company:"Company1",image:"http://cdn.flaticon.com/png/256/70689.png"},
{name:"Name2",company:"Company2",image:"http://cdn.flaticon.com/png/256/70689.png"},
{name:"Name3",company:"Company3",image:"http://cdn.flaticon.com/png/256/70689.png"}
]
};
}])
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句