如何在angular 2+版本中推送数据并检测变化？

<!-- 插值表达式 -->
<p>{{ message }}</p>

<!-- 属性绑定 -->
<input [value]="name">

<!-- 事件绑定 -->
<button (click)="handleClick()">Click me</button>

<input [(ngModel)]="name">

import { Component, ChangeDetectorRef } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    <p>{{ message }}</p>
    <button (click)="updateMessage()">Update message</button>
  `
})
export class ExampleComponent {
  message: string;

  constructor(private cdr: ChangeDetectorRef) {}

  updateMessage() {
    this.message = 'New message';
    this.cdr.detectChanges();
  }
}

import { Component } from '@angular/core';

@Component({
  selector: 'app-example',
  template: `
    <p>{{ message }}</p>
    <button (click)="updateMessage()">Update message</button>
  `
})
export class ExampleComponent {
  message: string;

  updateMessage() {
    setTimeout(() => {
      this.message = 'New message';
    }, 1000);
  }
}