Question

我的代码：

<ion-tab title="Profile" icon="ion-ios-person-outline" badge="badge" href="#/app/profile">
  <ion-nav-view name="profile-tab"></ion-nav-view>
</ion-tab>

徽章的值是动态分配的，但是当它为零时，仍会显示徽章。我怎么能隐藏它？

Answer 1

将值设置为null会隐藏徽章。

Answer 2

如果您不能为空列表传递null。另一个选择是添加以下内容：

<h1 matBadge="11" [matBadgeHidden]="!visible">
  Email
</h1>

OR

<h1 [matBadge]="list.length" [matBadgeHidden]="list.length===0">
  Email
</h1>

documentation

当Ionic中的值为零时，如何在标签上隐藏徽章？

2 个答案: