Ресурс изображения не отображается на устройстве с использованием IONIC

Я хочу показать изображение с помощью IONIC и Angular.js, но оно отображается только в веб-эмуляторе Ripple и не отображается на устройстве.

Я пробовал следующий код:

а) Установите это прямо в представлении (login.html)

<img src="[image_path]"/> <!-- Evidently... ;) -->

б) То же самое, но с использованием атрибута ng-src

<img ng-src="[image path]"/>

c) .... или с использованием модели MVC:

//in controllert.js:

$cordovaFile.readAsDataUrl('[image_path]').then(
function(res) { 
 $scope.imgSrc = res; 
}
function(error) {
 alert('Something was wrong'); 
}
);

//in view (login.html):

<img src=“{{ imgSrc }}“ />

Самое странное, что если закомментировано в index.html, то простой тег img с ресурсом работает идеально! :(

Кто-нибудь знает, почему это не работает?

Заранее спасибо!


person MadDev    schedule 11.03.2016    source источник


Ответы (1)


РЕШЕНО!

Я точно не знаю, почему, но это работает (по крайней мере, в моем случае), если установить папку ресурсов в папку шаблонов, тогда вам просто нужно использовать простой тег img.

введите здесь описание изображения

person MadDev    schedule 11.03.2016