动态加载的图像不会在离子应用程序中渲染

时间:2015-02-23 07:39:06

标签: android angularjs mobile ionic-framework ionic

升级到Ionic版本1.0.0-beta.14后,我的动态生成的图像不再渲染。图像链接从$ http.get调用中拉入。我将结果输出到控制台并且链接存在。这只发生在构建中,当在Web或Ionic Lab上查看文件时,它们看起来很好。我已经将src切换到ng-src,将Crosswalk添加到我的构建中,并尝试在调用控制器之前解析.config()函数中的promise。有什么建议吗?

这是一个片段:

<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是一个完整的动态链接,不会呈现。在从beta 7升级到beta 14之前,这一切都有效。

2 个答案:

答案 0 :(得分:0)

在进一步挖掘之后,我发现该问题与项目的config.xml中设置的域访问权有关。在试图锁定应用程序时,我限制了对某些域的访问。图像文件与授予访问权限的域具有不同的域。不幸的是,更改app.js文件中的白名单并未覆盖此更改,因此我手动将其域添加到config.xml文件中。

答案 1 :(得分:0)

我知道这已经太久了,今天我遇到了同样的问题。修改你的代码:

 <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>

我希望这有助于某人。