角材料納克的消息顯示不正確

Question

我使用角度的消息在我的角度的應用程序顯示形式驗證錯誤

DEMO

http://jsbin.com/sutahixima/edit?html,js,output

不幸的是，這三個消息顯示永遠。無論我在輸入字段中輸入什麼內容，都是無效的名稱。這兩條消息總是顯示。如果我試圖只包含一個ng消息，結果是一樣的。

任何想法我可能做錯了什麼？

Answer 1

好，我設法解決它

DEMO

http://jsbin.com/cubafoluji/1/edit?html,js,output

基本上我所做的是：

1. 添加腳本加載ngMessages（嘗試加載腳本在你的項目的文件末尾，只是一個建議）： <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.11/angular-messages.js"></script>
2. 在消息容器您有NG的消息錯了，您需要使用輸入名，也是我用NG-如果，在我看來是更可靠：<div ng-messages="accountSignup.firstname.$error" ng-if="accountSignup.firstname.$dirty" role="alert">

3. 在JS，我裝在ngMessages作爲一個模塊：var module = angular.module('test', ['ngMaterial', 'ngMessages']);

   我注意到你用角料，有一個已知問題的消息： https://github.com/angular/material/issues/2781

臨屋的我對修正信息的來源，我希望它適合你。

PD：我改變min，max，並在html中要求ng-min ....如果你不需要，你不需要改變它，它適用於兩者，但我建議使用它以避免任何意外的行爲。