发表于: 2017-05-07 23:46:30

1 991


今天完成的事情:(一定要写非常细致的内容,比如说学会了盒子模型,了解了Margin) 

AngularJS 表单(ng-form)验证

明天计划的事情:(一定要写非常细致的内容) 

AngularJS 通过ng-repeat等方法将数据渲染到页面上

遇到的问题:(遇到什么困难,怎么解决的) 

AngularJS 指令
收获:(通过今天的学习,学到了什么知识)

AngularJS最大的特点便是数据绑定。利用Model和View之间可以实现双向绑定。因此AngularJS的表单验证可以做到实时的用户反馈。

<div ng-app>  

<ng-form name=someForm>    

<input name="username" type="text" ng-model="user.username" pattern="^\w{6,18}$">    <div class="alert alert-danger" ng-show="someForm.username.$error.pattern">      用户名必须为6-18个字母、数字或下划线    

</div>  

</ng-form>

</div>

ng-model可以把input的值双向地绑定到当前上下文的user.username变量。我们设置了用户名的pattern为6到18位。我们输入用户名时,错误提示便会实时地显示或者隐藏。

这里我们指定了form的name属性,form Directive 实例化的FormController就会以someForm命名,并插入到当前$scope。所以在模板中才能够访问userForm变量。另外,Angular的Pattern使用Javascript正则表达式语法,这里\w相当于[a-zA-Z_]。


在APP中定义多个页面的控制器,并给出对应的模板。然后$routeProvider进行配置,即可将URL映射到这些控制器和视图。 首先定义一个基本的Angular APP,并引入ngRoute


返回列表 返回列表
评论

    分享到