有没有办法在我的网站上显示图片，只有图片不是列表中的空值？

Question

我正在使用简单的数据库和角度来设置用户界面，用户可以在其中发布消息，只显示消息或附加到消息的图片。

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

这是我的代码和输出：

 <div ng-repeat="m in chatDetailsCtrl.messageList">
            <!-- This card prodives space for the message and Like/dislike buttons -->
            <div class="row">
                <div class="col s12 m6">
                    <div class="card">
                        <div class="card-content">
                            <!-- Card Title is the person who wrote the message -->
                            <span class="card-title">{{m.user_ID}}</span>
                            <!-- Here comes the message text -->
                            <p> {{m.post_msg}}
                                <div> <span class="new badge light-blue">{{m.post_date}}</span></div>
                            <p *ngIf="m.photo_url">
                                <img src="{{m.photo_url}}"  width="100" height="100">
                            </p>
                               {{m.post_date|date("m/d/Y")}} -->
                            </p>
                            <td><a class="waves-effect  light blue lighten-1 btn-small" ng-click="chatDetailsCtrl.postDetails(m.post_ID)">Post Details</a></td>
                        </div>
                        <div class="card-action">

                            <a class="btn-floating btn-small waves-effect waves-light blue" ><i class="material-icons">thumb_up
                            </i></a> <span ng-bind= "m.likes">  </span>
                            <a class="btn-floating btn-small waves-effect waves-light blue"><i class="material-icons">thumb_down
                            </i></a><span ng-bind="m.dislikes">  </span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

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

例如，最后一篇文章，没有图片，我希望它看起来像这样：

抱歉我的英语不好，英语不是我的第一语言。

Answer 1

首先，您将angularJs语法与新角度混合。

如果你正在使用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>