Почему ngModelChange испускает предыдущее значение ввода?

Question

У меня есть (очень) простой компонент Angular2 без ничего, кроме текстового поля. Я хочу, чтобы каждый раз, когда в это поле были внесены какие-либо изменения, консоль регистрирует значение поля. IE, если кто-то набирает «ABCD», консоль должна регистрировать: «A», «AB», «ABC», «ABCD».

Однако я вижу, что консоль регистрирует ПРЕДЫДУЩИЕ значения поля до того, как был зарегистрирован новый вход. Поэтому вместо этого я получаю: «», «A», «AB», «ABC».

Как это сделать, чтобы консоль регистрировала значение текстового поля ПОСЛЕ ввода нового символа?

спасибо.

Мой код до сих пор:

import { Component, OnInit, ViewChild, EventEmitter, Output } from '@angular/core'; 
import { NgForm } from '@angular/forms'; 

@Component({ 
    selector: 'modal-test-form', 
    template: ` 
    <form> 
     <input name="data" placeholder="Type something" ngModel (ngModelChange)="onTextChange()"/> 
    </form> 
    `, 
    //templateUrl: './modal-test-form.component.html', 
    styleUrls: ['./modal-test-form.component.css'] 
}) 
export class ModalTestFormComponent{ 
    @ViewChild(NgForm) testForm : NgForm; 

    constructor() { } 

    onTextChange() { 
    console.log(this.testForm.form.value); 
    } 

} 

Answer 1

изменить ваш метод

(ngModelChange)="onTextChange($event)" 

и в классе компонентов

onTextChange(val: string): any { 
    console.log("updated value is --->", val); 
} 

Answer 2

изменить метод от

(ngModelChange)="onTextChange()" 

согласно тому, где вы console.log значение из формы, я думаю, что вы написали «ошибку», когда вы отправил ваш вопрос (??), и на самом деле вы имеете в виду, что у вас есть этот метод в вашем html:

(ngModelChange)="emitDataValue()" 

Но в любом случае ch ange it:

(keyup)="emitDataValue()" 

похоже, что вы работаете.