使用ng-如果在angularjs中获取错误

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>

当页面加载或重新加载时，它显示如下错误：

获取file://localhost/Volumes/Work%20Data/Development/Come%20to%20woodstock%20Ic…o%20Woodstock/www/%7B%7BPostDetail.attachments.images.square1.url%7D%7D net::ERR_FILE_NOT_FOUND

ng-if中有什么问题吗？它在浏览器上运行时看起来很好，但是当我在google中加载控制台时，我可以看到上面提到的一些奇怪的错误。有什么解决办法吗？

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