如何根据Javascript变量隐藏span元素？角材

Question

我有一个使用Angular Material的消息应用程序。我希望程序检查未读消息的数量是否等于0，以隐藏显示未读消息数量的span元素。

topbar.html：

<span class="button_badge" id="button_badge">{{notifications}}</span>

的{{notifications}}可变来自一个JavaScript控制器。当通知== 0隐藏元素时，如何让程序检查？

Answer 1

有几种方法可以与AngularJs做到这一点。

1. 使用NG隐藏或NG-显示： <span class="button_badge" id="button_badge" ng-hide="notifications == 0">{{notifications}}</span>

2. 使用NG-IF：<span class="button_badge" id="button_badge" ng-if="notifications != 0">{{notifications}}</span>

希望这可以帮助你！