onChanges与doCheck钩子

最新推荐文章于 2022-09-18 00:22:16 发布

Phoenix_99

最新推荐文章于 2022-09-18 00:22:16 发布

阅读量244

点赞数

分类专栏： angular

本文链接：https://blog.csdn.net/Phoenix_99/article/details/109016565

版权

本文探讨Angular组件的onChanges和doCheck生命周期钩子。doCheck由于事件触发频繁，可能导致性能问题，建议谨慎使用。

摘要由CSDN通过智能技术生成

app HTML

<div class="parent">
  <div>
    问候语：<input type = "text" [(ngModel)]="greeting">
  </div>
  <div>
    姓名: <input type = "text" [(ngModel)]="user.name">
  </div>
</div>
<app-child [greeting]="greeting" [user]="user "></app-child>

app TS

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  greeting = 'Hello';
  user: {name: string} = {name: 'Jenny'};

  // tslint:disable-next-line:use-lifecycle-interface
  ngOnInit(): void {
  }
}

child HTML