ng-show无法正常使用

Question

我创建表单并使用AngularJs。我需要显示错误，但有问题。 我对ng-show的表达不起作用。

我的代码：

<form name="createProductForm" ng-submit="createProduct(product)" novalidate>

    <input type="text" ng-model="product.name" ng-minlength="3" required> <br>
    <p ng-show="createProductForm.product.name.$error.required && createProductForm.product.name.$dirty">Nazwa produktu jest wymagana.</p>
    <p ng-show="createProductForm.product.name.$error.minlength && createProductForm.product.name.$dirty">Nazwa produktu jest zbyt krótka.</p>

    <button type="submit" ng-disabled="createProductForm.$invalid">Dodaj produkt</button>

</form>

Answer 1

您的输入标签必须具有名称属性。 ngModel不提供验证状态。

<input name="nameAttributeHere"/>

<p ng-show="createProductForm.nameAttributeHere.$error.required && createProductForm.nameAttributeHere.$dirty">...</p>

ngModel和表单验证状态是完全独立的指令。