/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

0 vote321 views1 answer
Benchmark ram usage angular
Javascript AngularJS
0 vote320 views1 answer
Update angular materia;
Javascript AngularJS
-1 vote353 views2 answers
How to navigate to previous page in angular
Javascript AngularJS
2 votes306 views3 answers
Angular auth guard
Javascript AngularJS
0 vote301 views1 answer
Angular assign class invalid form
Javascript AngularJS
0 vote296 views1 answer
Angular error ng0303 ngForIn
Javascript AngularJS
6 votes282 views2 answers
Angular encode ur on route changes
Javascript AngularJS
0 vote329 views1 answer
Mouse wheel event angular for table
Javascript AngularJS
2 votes299 views3 answers
This version of CLI is only compatible with Angular versions 0.0.0 || ^10.0.0-beta || >=10.0.0 <11.0.0, but Angular version 9.1.3 was found instead.
Javascript AngularJS
7 votes319 views2 answers
Install angular fire
Javascript AngularJS