DoCheck

interface

npm Package @angular/core
Module import { DoCheck } from '@angular/core';
Source core/src/metadata/lifecycle_hooks.ts

Lifecycle hook that is called when Angular dirty checks a directive.

Interface Overview

interface DoCheck { 
  ngDoCheck(): void
}

How To Use

@Component({selector: 'my-cmp', template: `...`})
class MyComponent implements DoCheck {
  ngDoCheck() {
    // ...
  }
}

Description

ngDoCheck gets called to check the changes in the directives in addition to the default algorithm. The default change detection algorithm looks for differences by comparing bound-property values by reference across change detection runs.

Note that a directive typically should not use both DoCheck and OnChanges to respond to changes on the same input, as ngOnChanges will continue to be called when the default change detector detects changes.

See KeyValueDiffers and IterableDiffers for implementing custom dirty checking for collections.

See "Lifecycle Hooks Guide".

Class Implementations

  • UpgradeComponent

Members

ngDoCheck(): void

© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://v4.angular.io/api/core/DoCheck