Question

这是一个奇怪的问题，控制器循环遍历一个数组，该数组从服务器收集图像的url，然后将其放入src =＆＃34; https://www.socialnetwk.com/test.png&# 34; 但是它不会加载这些图像。我检查元素，右键单击src =＆＃34; ..＆＃34;并在新窗口中打开。一旦在新窗口中，我刷新离子应用程序页面，它加载该图像，只有我

的一个图像

.controller('feedCtrl', function($scope, $http) {
      $scope.result = "";
     $http.get('https://m.socialnetwk.com/home/app/feed_load.php').then(function(rest) {
        $scope.records = rest.data;
      });
    })

＆＃13;

<div ng-repeat="feed in records">

    <ion-list id="search-list5">
      <ion-item class="item-avatar" id="search-list-item12">
        <img src="https://www.socialnetwk.com/media/{{feed.profile_image}}">
        <h2>{{feed.firstname}} {{feed.lastname}}</h2>
        <p>{{feed.location}}</p>
      </ion-item>
    </ion-list>
    <div style="margin: 0px; line-height: 250px; background-color: rgb(232, 235, 239); text-align: center;">
      <img style="width:100%;height:auto;" ng-src="https://www.socialnetwk.com/media/{{feed.media_file_format}}/{{feed.media_post_id}}{{feed.media_author_id}}.{{feed.media_file_format}}" />
    </div>
    <div class="item item-body" id="search-list-item-container3">
      <div id="search-markdown6" class="show-list-numbers-and-dots">
        <p style="margin-top:0px;color:#000000;">{{feed.mediatxt}}
        </p>
      </div>
    </div>
</div>

＆＃13;

Answer 1

请务必在ng-src中添加路径。如果您只使用src，您将遇到麻烦。

<img ng-src="data.imageurl"/>

Answer 2

我已经在Postman中测试了您的网址（ https://m.socialnetwk.com/home/app/feed_load.php ）resquest并获得了此信息。

[
{
"firstname": "Casper",
"lastname": "Round",
}
]

所以你没有所需的数据。

检查网址。

离子无法正确加载图像＆amp;被列入白名单

2 个答案: