2015-07-02 17 views
7

Sto provando a scrivere un'app utilizzando Angular-Material e ho un modulo con alcuni campi obbligatori che richiedono la convalida dell'input. Ho tentato seguendo l'esempio da the angular-material page under errors, ma quando osservo il codice nel browser, sarà ancora visualizzati i messaggi di errore anche se roba viene immesso nei campiMessaggi di errore di convalida dell'input materiale angolare

Error messages displayed on the entered fields

Il mio modello di giada si presenta così:

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") 

risposta

10

Non mi sono reso conto che i messaggi di ng erano un modulo angolare separato. Dal momento che questo è stato un progetto Nodo, ho importato i messaggi angolari utilizzando npm

npm install -S angular-messages 

Poi ho modificato il mio codice modulo angolare

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

... e ha funzionato!

validated fields with hidden messages

+0

Grazie mi hai salvato la vita. –

+0

Il mio più grande rispetto! Seduto su questo per ore. –