Угловая 2 двойная привязка данных на входном элементе не работает

Question

Обратитесь к коду ниже, всякий раз, когда изменяется входное значение, вызывается функция обмена текстовыми сообщениями. Однако свойство text InputMaskComponent никогда не изменяется. Не уверен, что случилось с моим кодом.

InputMaskComponent.ts

import { Component, ViewChild, AfterViewInit, ElementRef, Attribute } from '@angular/core'; 

@Component({ 
    selector:'inputs:mask', 
    templateUrl:'InputMaskComponent.html' 
}) 
export class InputMaskComponent{ 
    pattern: string; 
    text: string; 
    dom: Element; 
    constructor(el:ElementRef, @Attribute('pattern') pattern:string){ 
     this.dom = el.nativeElement; 
     this.pattern = pattern; 
    } 
    textchange(event:any){ 
     console.log(this.text, event); 
    } 

} 

InputMaskComponent.html

<div> 
    <input type="text" 
      [placeholder]="pattern" 
      (input)="textchange($event)" 
      [(value)]="text" /> 
    <span #child class="hidden"><ng-content></ng-content></span> 
</div> 

RootComponent.html

<input:mask pattern="(###) ### - ###">(012) 345 - 678</input:mask> 

Answer 1

[(value)]="text" 

означает, что вы свяжете

• text свойства класса компонентов к value свойству <input> элемента
• valueChange события в обработчик события text = $event

но <input> элемента Безразлично 't испустить событие valueChange.

Смотрите также https://angular.io/docs/ts/latest/guide/template-syntax.html#!#two-way