AregSargsyan

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

@Component({
  selector: 'app-child',
  template: `<span>{{count}}</span>`,
})
export class ChildComponent {

  count = 0;

AregSargsyan

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

@Component({
  selector: 'app-child',
  template: `<span>{{count}}</span>`,
})
export class ChildComponent {

  count = 0;

AregSargsyan

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

@Component({
  selector: 'app-child',
  template: `<span>{{count}}</span>`,
})
export class ChildComponent  {

  count = 0;

AregSargsyan

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

@Component({
  selector: 'app-child',
  template: `<span>{{count}}</span>`,
})
export class ChildComponent implements OnInit {

  count = 0;

AregSargsyan

import { Component, OnInit, ChangeDetectionStrategy } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { Observable } from 'rxjs';
import { map, } from 'rxjs/operators';

@Component({
  selector: 'app-b',
  template: `<img [src]="user$|async">`,  
  changeDetection: ChangeDetectionStrategy.OnPush
})

AregSargsyan

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

@Component({
  template: `...`,
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class CounterComponent {
  count = 0;

  constructor(private cd: ChangeDetectorRef) {

AregSargsyan

@Component({
  template: `...`,
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class CounterComponent {
  count = 0;

  constructor() {
    setTimeout(() => this.count ++, 0);

AregSargsyan

@Component({
  template: `
    <button (click)="increase()">Click</button>
    {{count}}
  `,
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class CounterComponent {
  count = 0;
  increase() {

AregSargsyan

onClick() {
    this.object = {
      name: 'React'
    }

AregSargsyan

@Component({
  selector: 'child',
  template: `
    <h1>{{object.name}}</h1>
    {{runChangeDetection}}
  `,
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class TooltipComponent {
  @Input() object;