Angular Context - One-way Data-binding (#1) #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 {
  progress = 70;
  progressStriped = true;
  progressType = 'info';
}

one-way.component.ts

@Component({
  selector: 'one-way',
  template: `
    <progressbar
      contextConsumer
      [contextMap]="{progress: 'value', progressStriped: 'striped'}"
    ></progressbar>
  `,
})
export class OneWayComponent {}