发表于: 2017-05-12 18:21:13
1 826
今天完成的事:1,用ui-route重新部署了路由
学会了多成嵌套
.state('page', {
url: '/page',
templateUrl: 'page.html',
})
.state('page.welcome', {
url: '/welcome',
templateUrl: 'welcome.html',
resolve: {
loadMyFile: _lazyLoad(
//懒加载pageTab.css
['css/two.css']
2,用ng-message重写了表单验证
<input type="text"ng-model="User" name="username" placeholder="用户名" pattern="^[A-Za-z]{4,6}$" required>
</div>
<div ng-messages="myForm.username.$error" ng-if="myForm.username.$touched"class="userTips">
<div ng-message="required">请输入用户名</div>
<div ng-message="pattern">请输入4-6位的英文</div>
</div>
感觉它的优点就是可以自行判断显示错误提示,
3,用懒加载,配合ui-route实现了
按需加载css文件和js文件,但还没完全理解。
明天计划的事:1,为列表页添加搜索框,
2,了解什么是分页,如何实现功能
遇到的问题:暂时没有
收获:了解了ui-route与ngroute的一些区别,ng-message与angular原始表单验证的不同,angular原始验证有很局限性,明白了何为懒加载。
评论