Angular

placeholder="Username"
[disabled]="(user | async).isConnecting"
ngModel
Log me in
Log me out
`
})
export class LoginComponent {
public user: Observable;
constructor(public store$: Store, private userService: UserService) {
this.user = store$.select('user');
}
login(username: string) {
this.userService.login(username);
}
}
logout() {
this.userService.logout();
}
As Ngrx is a merge of Redux and RxJs concepts, it can be quite hard to understand the ins an outs at the beginning.
But this is a powerful pattern that allows you as we've seen in this example to have a reactive app and were you can
easily share your data. Don't forget that there's a Plunkr available and you can fork it to make your own tests !
I hope it was helpful even tho the topic is quite long, cheers !
GoalKicker.com – Angular 2 Notes for Professionals 152