Angular Template-drivaen验证不起作用

时间:2018-01-20 08:02:12

标签: angular

我是角色新手并尝试模板驱动的验证无法正常工作,我试图添加一条消息,如果FirstName字段为空,使用bootstrap并且在应用* ngIf时无法看到消息。请帮助,提前致谢。  以下是我的代码:

       <form>
        <div class="form-group">
         <label for="firstName">
          Frist name
        </label>
        <input ngModel name="firstName" id="firstName" #firstName="ngModel" 
             (change)="log(firstName)" type="text" class="form-control">
            <div class="alert alert-danger" *ngIf="firstName.touched && 
              !firstName.valid">first name mandatory</div>

         </div>
          <div class="form-group">
            <label for="comment">
               Comment
              </label>
       <textarea ngModel name="comment" id='comment' cols="30" rows="10" 
          class="form-control">
      </textarea>
         </div>
      <button class="btn btn-primary">submit</button>
    </form>

0 个答案:

没有答案