typescript 上推10.ts

Posted 2021-05-20

tags:

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

@Component({
  template: `
    <button (click)="add()">Add</button>
    <app-list [items$]="items$"></app-list>
  `
})
export class AppComponent {
  items = [];
  items$ = new BehaviorSubject(this.items);

  add() {
    this.items.push({ title: Math.random() })
    this.items$.next(this.items);
  }
}

@Component({
  template: `
     <div *ngFor="let item of items">{{item.title}}</div>
  `,
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class ListComponent implements OnInit {
  @Input() items: Observable<Item>;
  _items: Item[];
  
  ngOnInit() {
    this.items.subscribe(items => {
      this._items = items;
    });
  }

}

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