typescript 上推14.ts

Posted 2021-05-20

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了typescript 上推14.ts相关的知识，希望对你有一定的参考价值。

@Component({
  selector: 'app-todos',
  template: `
     <div *ngFor="let todo of todos">
       {{todo.title}} - {{runChangeDetection}}
     </div>
  `,
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class TodosComponent {
  @Input() todos;

  get runChangeDetection() {
    console.log('TodosComponent - Checking the view');
    return true;
  }

}

@Component({
  template: `
    <button (click)="add()">Add</button>
    <app-todos [todos]="todos"></app-todos>
  `
})
export class AppComponent {
  todos = [{ title: 'One' }, { title: 'Two' }];

  add() {
    this.todos = [...this.todos, { title: 'Three' }];
  }
}

以上是关于typescript 上推14.ts的主要内容，如果未能解决你的问题，请参考以下文章