使用IONIC

时间:2016-03-11 09:04:25

标签: android angularjs ionic-framework ionic-view

我想使用IONIC和Angular.js显示图像,但它只显示在Ripple网页模拟器上,它不会出现在设备上。

我尝试了以下代码:

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中注释,一个简单的img标签与资源工作完美! :(

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

提前致谢!

1 个答案:

答案 0 :(得分:0)

<强>解决!

我不确切知道为什么但是它(至少在我的情况下)将资源文件夹设置到模板文件夹中,然后你只需要使用一个简单的img标签。

enter image description here