Angularjs 如何在ng网格内显示图像

Angularjs 如何在ng网格内显示图像,angularjs,ng-grid,Angularjs,Ng Grid,我正在使用ng grid创建一个表,其中一列是图像列。每个图像单元将从ng src获取其图像。在URL的末尾,将有一个特定的标识符。下面是单元格模板指令中设置图像文本的部分。“图像标题”未出现。仅获取row.getProperty('imageCaption') 以下是我认为您不需要这里的指令,您可以在imagetemplate.html中设置ng src,如下所示: <img ng-src="http://dummyimage.com/60x40/FFF/000&text={{r

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


以下是

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

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

以下是修改后的plnkr:


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

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

以下是修改后的plnkr:


该指令的目的是处理图像的延迟加载。基本上,如果图像位于视口(viewport-min.js)中,它会发出请求。否则,它将加载一个占位符图像。我还注意到排序在奇怪的情况下会失败。如果可以的话,我会给你+2,因为我向你介绍了
lazy src
。我不知道没有它我是怎么过的。该指令的目的是处理图像的延迟加载。基本上,如果图像位于视口(viewport-min.js)中,它会发出请求。否则,它将加载一个占位符图像。我还注意到排序在奇怪的情况下会失败。如果可以的话,我会给你+2,因为我向你介绍了
lazy src
。不知道没有它我怎么过得去。