$ scope. $ применить эквивалент в Angular5

Question

Я работаю над проектом (Ionic3 и Angular5).

Я изменил значение следующего ввода из внешнего файла .js

<input [(ngModel)]="name" 
       (ngModelChange)="valueChange()" 
       id="data">

Но функция valueChange() не вызывается.

Я делал это раньше в Angular1 , используя $scope.$apply, но в Angular5 Я не знаю, как сделать то же самое. Какой эквивалентный способ сделать это в Angular5 ?

Answer 1

markForCheck(): помечает всех предков ChangeDetectionStrategy как проверяемые. detectChanges(): проверяет детектор изменений и его дочерние элементы.

Пример: -

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

@Component({
  selector: 'app-child',
  templateUrl: './child.component.html',
  changeDetection: ChangeDetectionStrategy.OnPush
})
export class ChildComponent {
  @Input() data: string[];

  constructor(private cd: ChangeDetectorRef) {}

  refresh() {
    this.cd.detectChanges();
  }
}

Это очень хорошая статья об обнаружении изменения угла: - https://alligator.io/angular/change-detection-strategy/