文章/答案/技术大牛

发布

社区首页 >问答首页 >如何在angular 4中递增和递减计数器

问如何在angular 4中递增和递减计数器
EN

Stack Overflow用户

提问于 2018-06-25 21:03:02

回答 1查看 1.8K关注 0票数 0

你能告诉我如何在angular 4中递增和递减计数器吗?我使用ngrx进行状态管理.but，我无法递增和递减值

下面是我的代码https://stackblitz.com/edit/angular-q8nsfz?file=src%2Fapp%2Fapp.component.ts

incrementCounter() {
    this.store.dispatch(new IncreamentCounter());
  }

  decrementCounter() {
    this.store.dispatch(new DecrementCounter());
  }
  ngOnInit(){
    this.counter =this.store.select('counterValue');

  }

ngrx-store

angular

ngrx

回答 1

Stack Overflow用户

发布于 2018-06-25 21:39:15

写入：

<div class="container">
  <button (click)="incrementCounter()">Increment</button>
  <button (click)="decrementCounter()">Decrement</button>
   {{(c | async | json)}}
</div>
ngOnInit(){
    this.c =this.store.select('counterValue');

  }

看看会发生什么:计数器将变为{ counter :-1}或{counter:1}

因此，使用变量"contador“更改代码

<div class="container">
  <button (click)="incrementCounter()">Increment</button>
  <button (click)="decrementCounter()">Decrement</button>
   {{contador)}}
</div>
contador:number=0;
ngOnInit(){
  this.store.select('counterValue').subscribe(val=>{
      this.contador+=val.counter;
    });
}

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/51024145

复制

相似问题

问如何在angular 4中递增和递减计数器
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在angular 4中递增和递减计数器EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在angular 4中递增和递减计数器
EN