如何在ng網格內顯示圖像

我正在使用ng-grid創建一個表格，其中一列是圖像列。每個圖像單元格將從ng-src獲取它的圖像。在URL的末尾會有一個特定的標識符。以下是設置圖像文本的單元格模板指令的一部分。 '圖像標題'沒有出現。剛剛變得row.getProperty('imageCaption')。如何在ng網格內顯示圖像

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

這裏是plunkr

來源

2013-10-04 Hernan Santiesteban

我不認爲你應該需要一個指令在這裏，你可以設置你的NG-SRC您imagetemplate.html裏面，像這樣：

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

這裏是修改後的plnkr：

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

來源

2013-10-04 09:24:08

該指令的目的是處理圖片的延遲加載。基本上，如果圖像在視口（viewport-min.js）中，它會發出請求。否則，它會加載佔位符圖像。我也注意到，當奇怪的時候排序失敗。 –

如果可以的話，我會給你+2，以便向我介紹'lazy-src'。不知道沒有它，我是如何得到的。 –

如何在ng網格內顯示圖像

回答

相關問題