angular2で検証を表示する方法

Question

コードで同じサンプルを追跡し、ユーザーが入力内のテキストを削除して表示メッセージを表示したときに表示を試みました。残念ながら、テキストフィールドを削除すると何も表示されません。コードをチェックして、なぜ検証メッセージを表示できないのか教えてください。

よろしく アルパースtypescriptですで

<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>