使用IONIC的设备上不显示图像资源

Question

我想用IONIC和Angular.js显示一个图像，但它只在Ripple web模拟器上显示，它不会出现在设备上。

我尝试了下面的代码：

a)直接在视图中设置(login.html)

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

b)相同，但使用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中注释了if，那么一个简单的带有资源的img标记就可以完美地工作！:(

有人知道为什么这不起作用吗？

提前感谢！

Answer 1

已解决！

我不知道确切的原因，但它的工作(至少在我的情况下)设置资源文件夹到模板文件夹，然后你只需要使用一个简单的img标签。

​

​