在angularjs中使用ng-if出错答案

【问题标题】：Getting error with ng-if in angularjs在angularjs中使用ng-if出错
【发布时间】：2015-07-04 00:21:28
【问题描述】：

我在我的应用程序中使用了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[0].images.square1.url%7D%7D 净::ERR_FILE_NOT_FOUND

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

【问题讨论】：

通过 file:// url 访问本地主机？

标签： javascript angularjs

【解决方案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吗？

【讨论】：

太棒了，效果很好……我在这里犯了一些愚蠢的错误。我才发现。你能帮我解决 ons-navigator 的问题吗？
@user3201500，ons-navigator 有什么问题？但你可能应该问一个单独的问题
是的，我问了一个单独的问题。 stackoverflow.com/questions/29861875/…这是问题
@user3201500，我去看看，虽然我不熟悉温泉。
我刚问过。所以stackoverflow要我再等6分钟接受你的回答。