仅当图片不是列表中的空值时,才可以在我的网站上显示图片吗?

时间:2019-04-14 06:39:50

标签: html angular

我正在使用一个简单的数据库和angular来设置用户界面,用户可以在其中发布消息,既可以仅包含一条消息,也可以附带一条图片。

通过研究,我发现了内置的ngIf条件,如果变量不包含空值,则可以在其中显示变量。

这是我的代码和输出:

SyntaxError: Unexpected token X in JSON at position Y

Here is the output

我想看看m.post_url是否包含一个值。如果为null,我想跳过将此变量添加到我的网站。

例如,最后一篇帖子,没有图片,我希望它看起来像这样:

Expected output

对不起,我的英语不好,英语不是我的母语。

1 个答案:

答案 0 :(得分:1)

首先,您正在将angularJs语法与新的angular混合使用。

如果您使用的是angularjs,请在图片标签中使用ng-if。它工作正常。

正如我所看到的,您使用的是ng-repeat和ng-bind,您使用的是angularjs而不是angular。

因此在您的图片标签中使用

 <p ng-if="m.photo_url">
      <img src="{{m.photo_url}}"  width="100" height="100">
  </p>