在angularjs中使用ng-if获取错误

Question

我ng-if在我的应用程序中使用标记,但似乎当我加载页面时,它会抛出错误.

这是我的代码的样子

<ons-col width="95px">
              <img src="{{PostDetail.attachments[0].images.square1.url}}" class="thumbnail" ng-if="PostDetail.attachments[0].url != null">
              <img src="images/location1.png" class="thumbnail" ng-if="PostDetail.attachments[0].url == null">
</ons-col>

页面加载或重新加载时显示以下错误:

GET文件://localhost/Volumes/Work%20Data/Development/Come%20to%20woodstock%20Ic...o%20Woodstock/www/%7B%7BPostDetail.attachments [0] .images.square1.url%7D%7D net: :ERR_FILE_NOT_FOUND

这有什么问题ng-if吗？它在浏览器上运行时效果很好,但是当我在谷歌浏览器中加载控制台时,我可以看到上面提到的一些奇怪的错误.有解决方案吗

Answer 1

为了避免浏览器急切地从尚未插入的URL中检索图像,例如src="{{some.url}}"(从而导致HTTP错误),您应该使用ng-src:

<img ng-src="{{PostDetail.attachments[0].images.square1.url}}">

至于你ng-if,似乎要防范零PostDetail.attachments[0].url- 你确定你不是故意的PostDetail.attachments[0].images.square1.url吗？