19.3.5日，报关于表单验证和ui-router

今天完成的事情：

（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