projects
/
examples
/
angular-tour-of-heroes
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
Integrated Counter-Example from https://ngrx.io/guide/store
[examples/angular-tour-of-heroes]
/
src
/
app
/
vorgang
/
vorgang.component.ts
diff --git
a/src/app/vorgang/vorgang.component.ts
b/src/app/vorgang/vorgang.component.ts
index
ddcfe43
..
5af78d0
100644
(file)
--- a/
src/app/vorgang/vorgang.component.ts
+++ b/
src/app/vorgang/vorgang.component.ts
@@
-1,4
+1,7
@@
import { Component, OnInit } from '@angular/core';
import { Component, OnInit } from '@angular/core';
+import { Store, select } from '@ngrx/store';
+import { Observable } from 'rxjs';
+import { increment, decrement, reset } from '../actions/vorgang';
@Component({
selector: 'app-vorgang',
@Component({
selector: 'app-vorgang',
@@
-7,11
+10,24
@@
import { Component, OnInit } from '@angular/core';
})
export class VorgangComponent implements OnInit {
})
export class VorgangComponent implements OnInit {
- vorgang
= "Hello world!"
;
+ vorgang
$: Observable<number>
;
- constructor() { }
+ constructor(private store: Store<{ vorgang: number }>) {
+ this.vorgang$ = store.pipe(select('vorgang'));
+ }
ngOnInit(): void {
}
ngOnInit(): void {
}
+ increment() {
+ this.store.dispatch(increment());
+ }
+
+ decrement() {
+ this.store.dispatch(decrement());
+ }
+
+ reset() {
+ this.store.dispatch(reset());
+ }
}
}