Angularjs 离子型/角度型在真实手机中看不到图像

我有一个关于电影电视剧列表的项目。但是照片在真实的手机中是看不到的。我可以在模拟器或离子实验室中看到它，但在我的真实手机上看不到

 <img style="margin-left: 5%; border-radius: 15px;"  src="http://image.tmdb.org/t/p/w500{{item.poster_path}}" height="250px" width="250px"  >

这是我关于img的代码。当我这样使用它时，我可以在仿真器上看到：

---

但当我从手机上打开它时，它会显示这样的信息：我如何修复它？谢谢你的帮助

欢迎来到Stackoverflow。您的卷曲括号<代码> {{}}} /代码>坐在<代码>中的SRC < /代码>字符串的中间。它们没有字符串插值功能。要在角度模板中组合两个字符串，可以尝试以下操作：

 <img style="margin-left: 5%; border-radius: 15px;"  [src]="'http://image.tmdb.org/t/p/w500' + item.poster_path" height="250px" width="250px"  >

---

错误是：

错误明文不允许

发件人：

首先，在这里创建网络安全配置文件，即您的\u-IONIC\u-APP\u-ROOT\android\APP\main\res\xml\Network\u-Security\u-Config.xml

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
   <domain-config cleartextTrafficPermitted="true">
        <domain>www.example.com</domain>
   </domain-config>
</network-security-config>

www.example.com

然后编辑您的应用程序\u ROOT\android\APP\main\AndroidManifest.xml，将android:networkSecurityConfig=“@xml/network\u security\u config”添加到应用程序中

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="io.ionic.starter">

    <application
        android:allowBackup="true"
        android:icon="@mipmap/ic_launcher"
        android:label="@string/app_name"
        
        android:networkSecurityConfig="@xml/network_security_config"

        android:roundIcon="@mipmap/ic_launcher_round"
        android:supportsRtl="true"
        android:theme="@style/AppTheme">
        <!-- ... -->
    </application>
    <!-- ... -->
</manifest>

B谢谢您的回答。但结果还是一样。在emulator中，我可以看到图像，但在我的设备上，我仍然看不到这些照片。当你有空时，你能再次帮助我吗，兄弟？我需要你的帮助看起来约翰·泰纳已经找到了解决办法。一些安全http或CORS问题可能是我的第二个猜测。你能在你的手机上查看web inspector（通过usb电缆）吗？“您可以获得更多有关出错原因的信息。@约翰特纳我刚刚发送到android studio，然后通过usb电缆连接我的手机，然后打开我的应用程序，但什么都看不见。”。“当我在apk的时候，我怎么能打开web inspector？”约翰特纳从我的电脑上查看，一切看起来都很好。该源URL也是正确的。当我手动打开手机上的URL时，我可以看到谷歌的图片，但我不知道为什么它不显示。你可以使用Chrome来检查

chrome://inspect/#devices

-我想看看它是否被报告为404（在网络选项卡中找不到文件）-或者可能是ionic/angular正在阻止图像（将显示在错误选项卡中）。@Johntner谢谢！我试过了，现在可以用chrome inspect查看照片了。但是当我打开我的apk文件时，我仍然看不见。太奇怪了，我不明白为什么我的可视代码上没有资源文件夹。我从几个视频中看到了这个文件夹，但在我的视频中我没有，我更改了我的答案-试试看out@JohnTyler我希望我能做到，但我现在没有足够的声誉。但当我拥有它时，我会去做@UğurcanUçar如果您正在使用Cordova，那么您需要使用

爱奥尼亚Cordova资源生成它。如果你用的是电容器，那就跟着做