入力要素の角2デュアルデータバインディングが機能しない

Question

以下のコードを参照してください。入力値が変更されると、textchange関数が呼び出されます。ただし、InputMaskComponentのtextプロパティは変更されません。私のコードに何が間違っているのか分かりません。

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" 

あなたは<input>要素のvalueプロパティにコンポーネントクラスの

• textプロパティをバインドすることを意味し
• イベントハンドラtext = $event

しかし<input>要素doesnのにvalueChangeイベントvalueChangeイベントを送出しません。

も参照してください。https://angular.io/docs/ts/latest/guide/template-syntax.html#!#two-way