今天完成的事情:
(1)学习angularJS表单验证
可以验证的内容<input type="text" minlength="2" maxlength="5" requried pattern="正则式">
验证时会向表单添加类:.ng-valid .ng-invlid .ng-dirty .ng-pristine通过向添加css来验证表单。
表单验证属性:
$dirty:表单有填写记录
$pristine:表单没有填写记录
$valid:字段内容合法
$invalid:字段内容非法
(2)ui-router的简单应用
HTML部分:
<div>
<ul>
<li ui-sref="pageTab"><a href="">pagetab</a></li>
<li ui-sref="page1"><a href="">page-1</a></li>
<li ui-sref="page2"><a href="">page-2</a></li>
<li ui-sref="page3"><a href="">page-3</a></li>
</ul>
</div>
<div ui-view></div>
JS部分:
angular.module('app',['ui.router']).config(function($urlRouterProvider,$stateProvider){
$urlRouterProvider.when('','/pageTab');//标记刚进入浏览器时加载的页面
$stateProvider
.state('pageTab',{
url:'/pageTab',
templateUrl:'pageTab.html'
})//刚进入浏览器时加载的页面
.state('page1',{
url:'/page1',
templateUrl:'page1.html'
})
.state('page2',{
url:'/page2',
templateUrl:'page2.html'
})
.state('page3',{
url:'/page3',
templateUrl:'page3.html'
})
})
明天计划的事情:
继续任务4
遇到的问题:
收获:
了解表单验证;了解ui-router