2015-07-02 7 views
7

Ich versuche, eine App mit Angular-Material zu schreiben, und ich habe ein Formular, das einige Felder benötigt, die Eingabe Validierung benötigt. Ich habe von the angular-material page under errors nach dem Beispiel versucht, aber wenn ich den Code im Browser anzeigen, werden die Fehlermeldungen angezeigt werden nach wie vor auch wenn Sachen in die FelderAngular Material Eingang Validierung Fehlermeldungen

Error messages displayed on the entered fields

Meine Jade Vorlage sieht wie folgt aus eingegeben wird:

form(name="accountForm") 
    div(layout="row",layout-sm="column") 
     md-input-container 
      label Name 
      input(name="acctName",ng-model="account.name",required) 
      div(ng-messages="accountForm.acctName.$error") 
       div(ng-message="required") 

Antwort

10

Ich erkannte nicht, dass ng-Nachrichten ein separates Angular-Modul war. Da dies ein Knoten Projekt war, importierte ich Winkel Nachrichten mit npm

npm install -S angular-messages 

Dann modifizierte ich meinen Winkelmodul Code

var app = angular.module('MyApp', ['ngMaterial', 'ngMessages']); 

... und es funktionierte!

validated fields with hidden messages

+0

Dank Sie haben mein Leben gerettet. –

+0

Mein größter Respekt! Stundenlang darauf sitzen. –