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 净:: 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吗？

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

1 个答案: