AngularJS验证问题

Question

我尝试使用AngularJS指令来验证表单productForm，所以我尝试：

<form id="productForm" name="productForm" novalidate> 
    <div style="width: 100%; margin-top: 15px; float: right; "> 
       <label style="width:103px;float:right" class="col-sm-2" for="ProductName">ProductName: </label> 

       <div style="float:right" class="col-sm-5"> 
        <input ng-required="true" class="form-control" style="float:right" type="text" id="ProductName" name="ProductName" ng-model="modal.ProductName" value="" /> 
       </div> 
       <div style="float:right" class="col-md-7" > 
        <span class="help-block" ng-if="productForm.ProductName.$error.required && productForm.ProductName.$dirty && productForm.ProductName.$touched "> Name is Must</span> 
       </div> 

    </div> 
    <button class="btn" style="background-color: #ed9c28;" type="button" ng-click="Save()" ng-disabled="productForm.$invalid">Save</button> 
</form> 

这样的问题是：当用户触摸ProductName，然后失去焦点，所需要的信息没有显示（它只是显示当用户输入输入，然后从输入中清除全文，但我想显示错误信息，当输入为空时），我尝试使用productForm.ProductName.$touched在ng-if的错误消息做它，但它不起作用，我该怎么做？

Answer 1

我就省略了$脏检查，而是检查$invalid和$touced：

ng-if="productForm.ProductName.$invalid && productForm.ProductName.$touched"