[angularjs] angularjs系列笔记(三)模型
2016-03-20 12:33
417 查看
ng-model指令
ng-model可以将输入域的值与AngularJs的变量绑定
双向绑定
当修改输入域的值时候,AngularJs属性的值也将修改
验证用户输入
以下提示信息将在ng-show属性返回true的情况下显示
ng-model可以将输入域的值与AngularJs的变量绑定
双向绑定
当修改输入域的值时候,AngularJs属性的值也将修改
<div ng-app="Home"> 姓名:<input type="text" ng-model="name"/> <p>{{name}}</p> </div>
验证用户输入
以下提示信息将在ng-show属性返回true的情况下显示
<div ng-app="Home"> <form name="myForm"> 邮箱:<input type="email" name="myEmail" ng-model="text"/> <span ng-show="myForm.myEmail.$error.email">不是一个邮箱</span> </form> </div>
相关文章推荐
- AngularJs数据绑定原理
- AngularJs数据绑定原理
- AngularJs数据绑定原理
- 精通AngularJS(三)深入scope,继承结构,事件系统和生命周期
- 精通AngularJS(三)深入scope,继承结构,事件系统和生命周期
- 精通AngularJS(三)深入scope,继承结构,事件系统和生命周期
- [Angular 2] Injecting a Service
- [Angular 2] Event in deep
- [angularjs] angularjs系列笔记(二)指令
- 浅析AngularJS中的指令
- AngularJS 中的指令实践开发指南(一)
- AngularJS中的指令实践开发指南(二)
- AngularJS中的指令
- AngularJS in Action读书笔记5(实战篇)——在directive中引入D3饼状图显示
- AngularJS 单路由多视图(Multiple Named Views)
- AngularJS 过滤器
- AngularJS 控制器
- AngularJS Scope(作用域)
- 浅谈AngularJS的$parse服务
- [Angular 2] Using events and refs