스테퍼를 사용할 때 컨트롤러에서 텍스트 상자 값을 가져올 수 없습니다. Angular4

Question

<form #subleaseForm01="ngForm"> 
    <ng-template mdStepLabel>Fill out initial details</ng-template> 
    {{diagnostic}} 
    <md-grid-list cols="1" rowHeight="8:1"> 
     <md-grid-tile> 
      <label for="title">Title</label> 
      <md-form-field> 
       <input mdInput type="text" id="title1" placeHolder="Title" class="form-control" required ngModel name="title" #name="ngModel">    TODO: remove this: {{model.title}} 
      </md-form-field> 
      <br> 
      <div [hidden]="name.valid || name.pristine"> 
       Name is required 
      </div> 
     </md-grid-tile> 
    </md-grid-list> 
    <div> 
     <button md-raised-button color="warn" mdStepperNext>Next</button> 
    </div> 
</form> 

제목 필드에 입력 된 값을 가져오고 싶습니다. 내가 얻는 것은 모두 정의되지 않았다. ngModel 태그를 사용하여 변수를 바인딩합니다. 필자는 필수 필드를 정의하는 클래스를 작성하고 현재 값이 제출 된 후에 작성된 새 오브젝트를 로깅하려고합니다.

Answer 1

당신은 [(ngModel)]="" 속성을 사용하여 입력 값을 얻을 수 있습니다 :

component.html :

<input mdInput type="text" id="title1" placeHolder="Title" class="form-control" required [(ngModel)]="title" name="title"> 

component.ts : 그것은 this.title/w

private title: string; 

액세스.