動態加載的圖像不會在離子應用程序中呈現

Question

升級到Ionic版本1.0.0-beta.14後，我的動態生成的圖像不再呈現。圖像鏈接從$ http.get調用中拉出。我已經將結果輸出到控制檯並且鏈接存在。這隻發生在構建中，當查看Web上的文件或Ionic Lab中的文件時，它們顯得很好。我將src切換到了ng-src，在我的版本中添加了Crosswalk，並試圖在調用控制器之前解決.config（）函數中的承諾。有什麼建議麼？

這裏有一個片段：

<div class="feed" ng-repeat="result in results.data"> <div class="row"> <img ng-src="http://graph.facebook.com/{{result.from.id}}/picture?type=small" class="fbProPic" /> <h4 class="col-md-5 fromUser">{{result.from.name}}</h4> <h6 class="col-md-offset-11 pull-right postDate">{{result.created_time | date: 'medium'}}</h6> </div> <a href="{{result.link}}" target="_blank"><img ng-src="{{result.picture}}" class="postPicture" /></a>

第一標籤生成圖像，因爲它從FB只是一個直接鏈接。第二個img，這是一個完整的動態鏈接不呈現。從測試版7升級到測試版14之前，這一切都正常工作。

Answer 1

在進一步挖掘之後，我發現該問題與項目的config.xml中設置的域訪問權有關。爲了鎖定應用程序，我限制了某些域的訪問。圖像文件的域名與被授予訪問權限的域名不同。不幸的是，更改app.js文件中的白名單並未覆蓋此更改，因此我手動將其域添加到了config.xml文件。

Answer 2

我知道這已經太長了，我今天也有同樣的問題。從這個修改代碼：

<a href="{{result.link}}" target="_blank"><img ng-src="{{result.picture}}" class="postPicture" /></a> 

這樣：

<a href="{{result.link}}" target="_blank"><img ng-src={{result.picture}} class="postPicture" /></a> 

我希望這個幫助別人。