Angular2의 텍스트 상자에 값을 바인딩하려면 어떻게해야합니까?

Question

저는 Angular2에서 텍스트 상자에 값을 바인딩하는 방법을 알아 내려고 노력했습니다. 현재는 미리 결정된 값으로로드 된 자리 표시자를 가진 텍스트 상자가 있습니다.

<input id="textbox" class="k-textbox" placeholder={{label}} />

하지만 날짜 구성 요소의 값을 변경하면, 내가 자리 표시 자 값을 원하는 것이 선택 날짜 값으로 업데이트합니다. 지금까지 내가 쓴이 작동하지 않는 것 같습니다. 제발 조언.

최신 component.html

<input id="datepicker" (input)="changeLabel()"/> 

---

최신 component.ts

label:string; 
constructor() { 
    this.label = 'Select Date'; 
} 
changeLabel() { 
    this.label = 'Date Selected'; 
    } 
} 

Answer 1

변경 사항을 전파하기 위해 click 이벤트를 사용합니다.

최신 component.html

<input id="datepicker" (click)="changeLabel()"/> //<-- click event

Answer 2

당신은 NgModel와 양방향 데이터 바인딩을 사용할 수 있습니다. https://angular.io/docs/ts/latest/guide/template-syntax.html#!#ngModel

기본적으로 사용자가 입력 한 내용에 '라벨'이 변경됩니다.

<input [(ngModel)]="label" id="datepicker" /> 

또한 응용 프로그램에서 FormsModule을 가져와야합니다. https://plnkr.co/edit/CfmalT7GesrP5lzBsNFx?p=preview

Answer 3

<input (keyup)="changeLabel()"> 

이 값의 호출을