Angularjs 角材质ng消息未正确显示

我正在使用angular消息在angular应用程序上显示表单验证错误

演示

不幸的是，这三条信息一直在显示。无论我在输入字段中键入什么，请输入有效名称或无效名称。这两条消息总是显示出来。如果我尝试只包含一条ng消息，结果是相同的

知道我可能做错了什么吗？

好的，我设法解决了

演示

基本上我所做的是：

添加脚本以加载ngMessages（尝试在项目文档末尾加载脚本，只是一个建议）：

在messages容器中，您的ng消息错误，您需要使用输入名称，我也使用了ng，如果我认为它更可靠：

在js中，我将ngMessages作为一个模块加载：

var module=angular.module（'test'，['ngMaterial'，'ngMessages']）

我注意到您使用了棱角材质，消息中存在一个已知问题：

这是我修复的信息来源，我希望它对你有用

PD：我将html中的最小值、最大值和要求更改为ng-min。。。。如果您不想更改，则无需进行更改，这两种方法都可以使用，但我建议您使用它来避免任何意外行为。
好的，我已成功修复了它

演示


基本上我所做的是：

添加脚本以加载ngMessages（尝试在项目文档末尾加载脚本，只是一个建议）：

在messages容器中，您的ng消息错误，您需要使用输入名称，我也使用了ng，如果我认为它更可靠：

在js中，我将ngMessages作为一个模块加载：
var module=angular.module（'test'，['ngMaterial'，'ngMessages']）

我注意到您使用了棱角材质，消息中存在一个已知问题：

这是我修复的信息来源，我希望它对你有用

PD：我将html中的最小值、最大值和要求更改为ng-min。。。。如果你不想，你不需要改变它，这两种方法都可以，但我建议使用它来避免任何意外行为