如何在ng-grid内显示图像

时间:2013-10-04 03:21:46

标签: angularjs ng-grid

我正在使用ng-grid创建一个表,其中一列是图像列。每个图像单元格都会从ng-src中获取它的图像。在URL的末尾,将有一个特定的标识符。以下是设置图像文本的单元格模板的指令部分。 “图片标题”没有出现。刚刚获得row.getProperty('imageCaption')

attrs.$set('ngSrc',
            "http://dummyimage.com/60x40/FFF/000&text=row.getProperty('imageCaption')");

以下是plunkr

1 个答案:

答案 0 :(得分:4)

我认为您不需要这里的指令,您可以在imagetemplate.html中设置ng-src,如下所示:

<img ng-src="http://dummyimage.com/60x40/FFF/000&text={{row.getProperty('imageCaption')}}" lazy-src >

这是经过修订的plnkr:

http://plnkr.co/edit/Bh1LKHRUXHpJa4KEUtA7?p=preview