无法使用Android在IonicView上预览图像

时间:2015-11-11 16:36:17

标签: android html angularjs cordova ionic-framework

好吧,我使用Ionic Creator创建了一个应用程序,我添加了两个图像并完成了我的应用程序,我用离子启动了“离子启动[appName]创建者:[myappnumber]”并且它做得很好。 我在终端中使用了离子服务器,它弹出一个显示我的应用程序的镀铬窗口,在那里显示图像,但是当我使用离子视图进行离子上传和下载文件,然后想要预览我的应用程序,问题是在那里,图像没有显示,我已经尝试过img src =和img ng-src,但它们都不起作用。

<ion-view title="Title">
<ion-content padding="true" scroll="false" class="has-header">
    <img ng-src="/img/r7qprdTRXqs2xOvgKLHI_3-logocolor.png" width="100%" height="auto" style="width: 100%; height: auto;">
    <form class="list">
        <ion-list>
            <label class="item item-input">
                <span class="input-label">Nombre</span>
                <input type="text" placeholder="">
            </label>
            <label class="item item-input">
                <span class="input-label">Usuario</span>
                <input type="text" placeholder="">
            </label>
            <label class="item item-input">
                <span class="input-label">Email</span>
                <input type="email" placeholder="">
            </label>
        </ion-list>
        <a href="#/page1" class="button button-dark button-block ">Iniciar Encuesta</a>
    </form>
</ion-content>

1 个答案:

答案 0 :(得分:1)

尝试使用Chrome浏览器的DevTools进行调试。键入&#34; chrome:// inspect /#devices&#34;在您的设备上运行应用程序后,在URL部分中。确保您的设备已连接到计算机。应用程序运行后,您将能够在浏览器上看到您的设备并检查图像是否已加载。它很容易调试。这将是路径问题或布局问题。