0.0.7 • Published 3 years ago
ng-context-api v0.0.7
NgContext
Angular Context API Module Inspired By React Context API
npm i ng-context-api
npm : https://www.npmjs.com/package/ng-context-api
Usage
Setting
// in app module
import {NgContextModule} from 'ng-context-api';
@NgModule({
declarations: [
...
],
imports: [
...
NgContextModule // import this module
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
Provider
<ng-context-provider name="colorProvider" value="red">
<app-consumer></app-consumer>
</ng-context-provider>
<ng-context-provider name="colorProvider" value="blue">
<app-consumer></app-consumer>
</ng-context-provider>
Consumer
@Component({
selector:'app-consumer',
...
})
export class Consumer implements OnInit{
selectContext$;
constructor(private context: ContextConsumerService){}
ngOnInit(): void{
this.selectContext$ = this.context.select<string>('colorProvider');
}
}