2016-08-09 9 views
0

ここではオブジェクト 'result'をロードしました。ロゴフィールドを名前ではなくイメージとして表示したいのですが、どのように動的に行うことができますか?画像jsonオブジェクトから画像をロードし、角度uiグリッドで表示するには

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>" } 
     ] 

    }; 

output for code display one image i want to display all images related with its object

答えて

0

に示すように、私はあなたの結果の内部でどのようなデータを知りませんが、あなたはこの

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

}]) 
ような何かを試すことができます
関連する問題