Как отобразить изображение внутри 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

Я не думаю, что вы должны нуждаться в директиву здесь, вы можете установить нг-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-сетки

ответ

Смежные вопросы