AngularJS(三)_模型ng_model

ng-model 指令

ng-model 指令用于绑定应用程序数据到 HTML 控制器(input, select, textarea)的值。

双向绑定

双向绑定,在修改输入域的值时, AngularJS 属性的值也将修改:


名字: 

你输入了: {{name}}


验证用户输入

Email:不是一个合法的邮箱地址

以上实例中,提示信息会在 ng-show 属性返回 true 的情况下显示。

CSS 类

ng-model 指令基于它们的状态为 HTML 元素提供了 CSS 类:

 
输入你的名字:

ng-model 指令根据表单域的状态添加/移除以下类:

  • ng-empty
  • ng-not-empty
  • ng-touched
  • ng-untouched
  • ng-valid
  • ng-invalid
  • ng-dirty
  • ng-pending
  • ng-pristine


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部