如何在 ng-grid 中显示图像

【问题标题】：How to display an image inside an ng-grid如何在 ng-grid 中显示图像
【发布时间】：2013-10-04 17:24:08
【问题描述】：

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

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

这里是plunkr

【问题讨论】：

【解决方案1】：

我不认为你应该在这里需要一个指令，你可以在你的 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。不知道没有它我是怎么过的。