ngMessages/角度验证不起作用 [英] ngMessages/angular validation not working
本文介绍了ngMessages/角度验证不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我既没有得到模板片段发出的值,也没有得到功能验证.我的Jade模板:
I'm getting neither a value emitted by the template fragment nor functioning validation. My Jade template:
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')
结果HTML: http://plnkr.co/edit/McyMXwW1b2Ae7kkwQ1sP
我想避免使用自定义指令或其他方式来避免使用其他Javascript.我在做什么错了?
I'd like to avoid custom directives or much in the way of additional Javascript. What am I doing wrong?
推荐答案
之所以会这样,是因为您没有将ng-model与输入:-)绑定
This is happening because you didn't bind ng-model with the input :-)
<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>
柱塞:- http://plnkr.co/edit/kmNkfhdVOHQsstj6dpPT?p=preview
这篇关于ngMessages/角度验证不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文