升级到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之前,这一切都有效。
答案 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>
我希望这有助于某人。