/Javascript/AngularJS/Angular store select method

Angular store select method

// In very simple terms select gives you back a slice of data 
// from the application state wrapped into an Observable.
// What it means is, select operator gets the chunk of data you need 
// and then it converts it into an Observable object. 
// So, what you get back is an Observable that wraps the required data. 
// To consume the data you need to subscribe to it.
// Lets see a very basic example.
// Lets define the model of our store

export interface AppStore {
   clock: Date
}

// Import the Store into your component from '@ngrx/store'
// Create a store by injecting into the constructor

constructor(private _store: Store<AppStore>){}

// Select returns an Observable.
// So, declare the clock variable in your component as follows:-

public clock: Observable<Date>;

// Now you can do something like follows:-

this.clock = this._store.select('clock');

Source: stackoverflow.com

Similar codes

-1 vote287 views1 answer
Angularjs form validation on submit
Javascript AngularJS
8 votes218 views3 answers
Angular [routerlink]
Javascript AngularJS
0 vote254 views1 answer
Anchor click event angular refresh page
Javascript AngularJS
0 vote270 views1 answer
Angular pass async pipe value to funciton
Javascript AngularJS
1 vote260 views1 answer
Angular input force uppercase
Javascript AngularJS
1 vote269 views1 answer
Modulo do angular httpclient
Javascript AngularJS
3 votes257 views2 answers
A class member cannot have the 'const' keyword angular
Javascript AngularJS
0 vote264 views1 answer
Jasmine spy return value when using create Spy Object angular 2
Javascript AngularJS
0 vote265 views4 answers
Get form control value in angular 8
Javascript AngularJS
6 votes290 views4 answers
Bootstrap not working in angular
Javascript AngularJS