Angular2中使用表單，首先要在from上新增 #forma=”ngForm”，這個是給from定義成了Angular的from物件

<form class="form-horizontal" #forma="ngForm" (ngSubmit)="onSubmit(showModal)">

下面的label中的for對應著input中的id值，input中要定義#ipt1=”ngModel”和required，下面的提示框是根據input的驗證狀態來實現顯示或者隱藏。div中的itp1.valid對應的就是#ipt1所在的input中的狀態，狀態的值請看下面的狀態表。提交按鈕對應的是from表單的狀態來實現是否可以按動

<form class="form-horizontal" #forma="ngForm" (ngSubmit)="onSubmit(showModal)">
 <div class="form-group">
   <label for="name" class="col-md-3 text-right">賬號:</label>
   <div class="col-md-6">
      <input class="form-control" #ipt1="ngModel" [(ngModel)]="name" name
 
="name"  id="name" required>
   </div>
   <div [hidden]="ipt1.valid || ipt1.pristine" class="alert alert-danger col-sm-6 col-sm-offset-1">賬號是必須輸入的</div>
</div>
<button type="submit" class="btn btn-default" [disabled]="!ngform.form.valid">提交</button>
</form>

狀態     為真時的        CSS 類            為假時的 CSS 類
控制元件  已經被訪問過      ng-touched
 
         ng-untouched
控制元件  值已經變化        ng-dirty           ng-pristine
控制元件  值是有效的        ng-valid           ng-invalid

Diagnostic驗證表單中資料的單詞{{diagnostic}}在頁面中可以使用這個來驗證各種狀態的值