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

one-way.component.ts

@Component({
  selector: 'one-way',
  template: `
    <context-consumer consume="progress"></context-consumer>

    <progressbar
      contextConsumer
      [contextMap]="{progress: 'value', progressStriped: 'striped'}"
    >{{ progress ? progress + '%' : '' }}</progressbar>
  `,
})
export class OneWayComponent {
  progress: number;
}