angular2에서 유효성 검사를 표시하는 방법

Question

코드에서 동일한 샘플을 추적하고 사용자가 입력에서 텍스트를 제거하고 표시 메시지를 표시 할 때 유효성을 표시하려고 시도했습니다. 불행히도 텍스트 필드를 제거하면 아무 것도 표시되지 않습니다. 코드를 확인하고 유효성 검사 메시지를 표시 할 수없는 이유를 알려주십시오.

감사 Alper 타이프 스크립트에서

<label for="name">SA/Rentennummer 005 :</label> 
<input type="text" class="form-control" id="name" required 
    [(ngModel)]="Input.name" name="name" #name="ngModel"> 
<div [hidden]="name.valid || name.pristine" 
    class="alert alert-danger"> 
    name is required 
    </div> 

:

Input= { name:'Alper'}; 

Answer 1

form : FormGroup; 
    this.form = fb.group({ 
     name : new FormControl({value: null}, Validators.compose([Validators.required, Validators.maxLength(100)])) 
    }); 


    <form class="form-details" role="form" name="registrationForm" [formGroup]="userForm"> 
      <div> 
       <div class="row input-label"> 
        <label class="form-label" for="name">First name</label> 
        <input 
        [formControl]="form.controls['name']" 
        type="text" 
        class="form-control" 
        id="form" 
        name="form"> 
       </div> 
       <div *ngIf="!form.controls['name'].valid">field is required</div> 
      </div> 
      </form>