如果JSON数据为null，则隐藏

Question

如果JSON数据为空，我想隐藏整个标记。

HomeComponent

我正在使用get请求来获取actor的外部ID，并且某些actor具有facebook ID，而某些actor的ID为null。如果JSON数据为空，如何隐藏整个facebook图标。

示例代码将不胜感激。

Answer 1

使用ng-if不呈现该标记：

<a href="https://www.facebook.com/{{actorID.facebook_id}}" target="_blank" ng-if="actorID.facebook_id"><i class="fa fa-facebook-official"></i></a>

使用ng-show或ng-hide隐藏标记：

<a href="https://www.facebook.com/{{actorID.facebook_id}}" target="_blank" ng-show="actorID.facebook_id"><i class="fa fa-facebook-official"></i></a>

Answer 2

<a ng-if="actorID" href="https://www.facebook.com/{{actorID.facebook_id}}" target="_blank"><i class="fa fa-facebook-official"></i></a>

Answer 3

使用ngIf

<a ng-if="actorId.facebook_id !== null" href="https://www.facebook.com/{{actorID.facebook_id}}" target="_blank"><i class="fa fa-facebook-official"></i></a>

根据DOC：

  

ngIf指令删除或重新创建DOM树的一部分   基于{表达式}。如果分配给ngIf的表达式求值   如果为false，则从DOM中删除该元素，否则为a   将元素的克隆重新插入DOM。