Angular ngModel'；有效'；输入字段的参数始终为true

正在尝试向AgularJS中的表单添加验证， 检查

firstName

字段是否有效，已使用

ngIf

，
出于某种原因，无论给定的输入是什么，参数总是返回true。 为什么会这样？
我可以出于同样的目的检查

firstName.value==”

守则：

<form>
    <div class="form-group">
        <label for="firstName">First Name :</label>
        <input ngModel name='firstName' #firstName='ngModel' (change)='log(firstName)' id="firstName" type="text" class="form-control">
        <div class='alert alert-danger' *ngIf='firstName.touched && !firstName.valid'>First Name is Required</div>
    </div>
    <div class="form-group">
        <label for="comment">Comment :</label>
        <textarea ngModel name='comment' #comment='ngModel' (change)='log(comment)' id="comment" cols="30" rows="10" class="form-control"></textarea>
    </div>
    <div class="btn btn-primary">Submit</div> 
</form>

---

您尚未对表单设置任何验证，因此无论是值还是根本没有值，表单都是有效的。例如，如果希望字段为必填字段，则添加
required
属性：

<input ngModel name='firstName' #firstName='ngModel' required>



<input ngModel name='firstName' #firstName='ngModel' required>