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;
}

页面刷新角度9后保留材料标志值

1 个答案: