ngMessages/angulaire de validation ne fonctionne pas

Je suis ni une valeur émise par le fragment de template, ni le fonctionnement de la validation. Mon modèle Jade:

doctype html
html(lang='en', ng-app="Validate")
  head
    script(src='#{cdn_path}/angular.js/1.3.11/angular.js')
    script(src='#{cdn_path}/angular.js/1.3.11/angular-messages.js')
    script.
      angular.module('Validate', ['ngMessages']);
  body
    .container
      form(method="POST", action="/apply", name="myform", novalidate="")
        pre myform.name.$error = {{ myform.name.$error }}
        input.form-control(name="name", required="", pattern=".*[a-zA-Z].*", minlength=5)
        ng-messages(for="myform.name.$error")
          ng-message(when="required") Required!
          ng-message(when="min") Too small!
        input.btn(type='submit')

Le HTML résultant: http://plnkr.co/edit/McyMXwW1b2Ae7kkwQ1sP

Je voudrais éviter des directives sur mesure ou beaucoup dans la façon de Javascript supplémentaire. Ce que je fais mal?

InformationsquelleAutor Allen Luce | 2015-02-03
  1. 18

    Ce qui se passe parce que vous n'avez pas lier ng-modèle à l'entrée 🙂

     <input name="name" ng-model="name" required="" pattern=".*[a-zA-Z].*" minlength="5" class="form-control">
        <ng-messages for="myform.name.$error">
        <ng-message when="minlength">Too small!</ng-message>
        <ng-message when="required">Required!</ng-message>

    Plunker:- http://plnkr.co/edit/kmNkfhdVOHQsstj6dpPT?p=preview

    • Hé pourquoi négative ?
    • Et aussi, vous n'utilisait pas le bon ng-message pour min longueur, il est quand="minlength'
    • Je me demande pourquoi cela a downvoted, c'est la bonne solution!!!
    • qui downvoted s'il vous plaît commentaire que j'ai besoin de raison.
    • On dirait que votre downvote a disparu. Je note que le ng-model peut être n'importe quoi, par exemple, ng-model="foo" œuvres.
    InformationsquelleAutor squiroid
  2. 17

    Je viens d'avoir le même problème et résolu. Je tiens à le partager afin que personne ne les déchets d'une heure comme moi.

    Veuillez vérifier les éléments suivants:

    1. Charger le ngMessages module

    <!-- Load Angular -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular.min.js"></script>

<!-- Load ngMessages -->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0-rc.0/angular-messages.min.js"></script>

    2. Injecter ngMessages dans notre module d'application

    angular.module( "app", [ "ngMessages" ] );

    3. Essayez les versions plus récentes
    Pour une raison quelconque, Doug Luce le code de travail en changeant juste les versions, par exemple, 4.11!

    • l'étape 2 a résolu mon problème. je vous remercie.
    • une heure gaspillé ici, merci pour les aider à ne pas faire les 2 🙂
    • Même ici, ce résolu. Merci pour l'affichage de @mnishiguchi, parfois le même problème peut être causé par quelque chose d'autre 🙂
    InformationsquelleAutor mnishiguchi