Angular Context - One-way Data-binding (#4) #blog

app.component.ts

@Component({
  selector: 'my-app',
  template: `
    <context-provider
      provide="progress progressStriped progressType"
      [contextMap]="{progressType: 'type'}"
    >
      <one-way></one-way>
    </context-provider>
  `,
})
export class AppComponent implements OnInit {
  progress = 0;
  progressStriped = true;
  progressType = 'info';
  
  ngOnInit() {
    interval(1000).pipe(take(10)).subscribe(
      n => this.progress = (n + 1) * 10
    );
  }
}