AngularJS Validierungsproblem

Question

ich versuchen, ein Formular zu validieren productForm von AngularJS Direktiven, so dass ich versuchen:

<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> 

Auf diese Weise ist das Problem: wenn Benutzer die ProductName berühren und dann Fokus verloren, die erforderliche Meldung nicht angezeigt (es wurde nur angezeigt, wenn der Benutzer die Eingabe eingeben und dann den gesamten Text von der Eingabe löschen, aber ich möchte eine Fehlermeldung anzeigen, wenn die Eingabe leer ist), ich versuche productForm.ProductName.$touched in ng-if Fehlermeldung zu tun es, aber es funktioniert nicht, wie kann ich es tun?

Answer 1

würde ich den Scheck für $ schmutzig und stattdessen weglassen überprüfen $invalid und $touced:

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