AngularJS无效或有效的错误消息

Question

我创建了一个AngularJS应用程序，没有

我的一个输入字段是number。

<input type="number" class="input numberfield" placeholder="0" ng-change="changePrice()" ng-model="price" ng-pattern="/^(\d)+$/" name="price" required />

现在我如何显示错误消息没有从名称？

<input type="number" class="input numberfield" placeholder="0" ng-change="changePrice()" ng-model="price" ng-pattern="/^(\d)+$/" name="price" required />
<span class="red" ng-show="price.$error.pattern">The price must be given in number format!</span>

当我在字段中输入任意字符时，它会在输入类中显示ng invalid ng invalid number tag（屏幕截图1）。当输入一些数字时，它会显示ng有效类（屏幕截图2）。所以我的代码是works。

但问题是我的错误消息不起作用。

我遵循以下教程：http://codepen.io/astockwell/pen/JyCva

但我没有表单标签

有想法吗？

Answer 1

添加表单标签。

Angular的验证只有在您有表单标签时才有效。您已经知道您的问题是没有表单标签，所以添加一个。

如果无法添加表单标记（比如某个地方已经有一些父表单标记），请使用ng form，因为可以嵌套它们。