Angular detection optimization

pure-pipe.angular-optimization.ts

@Pipe({
  name: 'compile'
})
export class CompilePipe implements PipeTransform {
  transform(value: string): string {
    console.log('executed');

    return btoa(value);
  }
}

@Component({
  selector: 'app-component',
  template: `
    {{ name | compile }}
    <input [(ngModel)]="value"/>
    <button (click)="changeName()">Change the Name</button>
`,
  changeDetection: ChangeDetectionStrategy.OnPush,
})
export class DemoComponent {
  public name = 'Bob';
  public value: string;

  public changeName(): void {
    this.name = this.value;
  }
}