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

 
上一篇:xamp配置多域名站点


下一篇:Unit03 - 对象内存管理 、 继承的意义(上)