页面刷新角9后保留材料徽章值

Question

我使用材料徽章通知显示向用户显示新的通知。 这是我迄今为止尝试过的：

badgeCounter: number;
hideMatBadge: boolean = true;

ngOnInit() {
this.loadData();
this.hideMatBadge = false;


localStorage.setItem("badgeCounter", badgeCounter.toString());
localStorage.getItem("badgeCounter"); 

 }

 incrementCount() {
 this.badgeCounter++;
 this.hideMatBadge = false;

  }

  decreaseCount() {
   if (this.badgeCounter < 0)
    return;
   this.badgeCounter--;
  if (this.badgeCounter == 0) {
    this.hideMatBadge = true;
  }
 }

但它不起作用。实际上这个badgeCounter: number; 把我的页面弄乱了，我必须像badgeCounter: number = 0; 那样使用它，但是在刷新时它又回到零。 任何想法 谢谢

Answer 1

正如@Eldar 所说，您需要分配从 localStorage 获得的值。并检索它，因此您的最终代码应如下所示：

incrementCount() {
 this.badgeCounter++;
 localStorage.setItem("badgeCounter", this.badgeCounter.toString());
 this.hideMatBadge = false;
}

decreaseCount() {
  this.badgeCounter = localStorage.getItem("badgeCounter");
  if (this.badgeCounter < 0)
    return;
   this.badgeCounter--;
  if (this.badgeCounter == 0) {
    this.hideMatBadge = true;
}