2016-08-09 23 views
0

anzeigen hier ich geladene Objekt 'Ergebnis' ich möchte Logo-Feld als Bild nicht seinen Namen anzeigen, wie kann ich dies dynamisch tun, ich habe es getan statisch wie in Bild gezeigtWie kann ich Bilder von JSON-Objekt laden und in eckigen UI-Gitter

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

Antwort

0

ich weiß nicht, welche Daten in Ihrem Ergebnis, aber Sie können so etwas wie diese

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

}]) 
versuchen