Comment puis-je ajouter une image dans un angulaire de l'interface utilisateur-cellule de la grille
Comment puis-je ajouter une image dans un angular
ui-grid
cellule.
var app = angular.module('app', ['ngAnimate', 'ngTouch', 'ui.grid']);
app.controller('MainCtrl', ['$scope', '$http', function ($scope, $http) {
$scope.gridOptions = {
enableSorting: true,
columnDefs: [
{ field: 'name' },
{ field: 'company' },
{ field: 'image'}
],
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"},]
};
}]);
Vous devez vous connecter pour publier un commentaire.
Vous pouvez utiliser une cellule personnalisé modèle pour le rendu de l'image dans la cellule.
Ici est un travail plnkr.
http://plnkr.co/edit/awQ7B0WmmZhythlCZmgt?p=preview
ng-src=\"{{grid.getCellValue(row, col)}}\"
donner de vous l'image ? que faire si vous avez plusieurs images des champs de la façon dont vous choisissez une?