如何在angular2中显示验证

Question

我在代码中跟随了相同的示例，并试图在用户删除输入中的文本并显示显示消息时显示验证。不幸的是，当我删除文本字段时，它什么也没有显示。 您能否检查代码并告诉我为什么我不能显示验证消息？

问候阿尔珀

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