Angular2表单 - 绑定到变量

Question

目前我正在与Angular2联系。我正在使用模板驱动的表单。我想知道什么是绑定变量的正确方法？

  <input type="text" #varName class="form-control" name="Name" ngModel required
                 minlength="4" maxlength="10">
           <p>{{varName.className}}</p>
          <div *ngIf="varName.errors && (varName.pristine || varName.touched)"
                  class="alert alert-danger">
                  <div [hidden]="!varName.errors.required">
                  Name is required
                  </div>
                  <div [hidden]="!varName.errors.minlength">
                  Name must be at least 4 characters long.
                  </div>
                  <div [hidden]="!varName.errors.maxlength">
                  Name cannot exceed 10 characters.
                  </div>
    </div>

那样（使用#varName）我可以在这里获取信息：

 <p>{{varName.className}}</p>

但验证无效，没有出现。

另一种方法（使用#varname =＆＃34; ngModel＆＃34;）验证工作正常，但

<p>{{varName.className}}</p>

什么都没有。

你能解释一下它的运作方式吗？我无法找到有关它的正确信息。