无法在离子2中查看图像

Question

我正在尝试在我的应用中添加图片，我将我的图片存储在myApp / www / build / img.image.png

中

我的HTML是

<div text-center>
        <img style="height: 100%; width: 20% "  src="/www/build/img/image.png">
        <p >Powered By yokesh</p>
    </div>

我得到这样的输出

Entity Framework Database First example

在我的控制台中我得到了

我的离子信息

Your system information:

Cordova CLI: 6.1.1
Ionic Framework Version: 2.0.0-beta.6
Ionic CLI Version: 2.0.0-beta.25
Ionic App Lib Version: 2.0.0-beta.15
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Mac OS X El Capitan
Node Version: v4.4.3
Xcode version: Not installed

有人可以帮我解决这个问题吗

Answer 1

尝试不使用/www/build/

<div text-center>
        <img style="height: 100%; width: 20% "  src="img/image.png">
        <p >Powered By yokesh</p>
    </div>

Answer 2

首先将图像存储在以下目录中：创建文件夹＆＃34; img＆＃34;如果它不存在

[appname]/www/img/image.png

然后你的div应该是这样的：

<div text-center>
    <img style="height: 100%; width: 20% " src="img/image.png">
<p>Powered By yokesh</p>
</div>

我还建议将所有css存储在[pageName].scss文件中。与ionic2你没有任何借口

Answer 3

for ionic2，停止篡改你的www文件夹。 www文件夹内容始终由构建过程自动生成。始终添加您的图像。

[appname]/src/assets

对于您的情况，image.png将为[appname]/src/assets/img/image.png

然后html src将如下所示：

 <div text-center>
        <img style="height: 100%; width: 20% "  src="assets/img/image.png">
        <p >Powered By yokesh</p>
    </div>