今天完成的事情：

懒加载的学习和使用，视图页面的编写，angular表单的学习。

明天的计划：

添加ng-click事件，请求接口成功，添加表单验证功能。

遇到的问题：

1 为什么要懒加载，使用方法。

懒加载。通过路由实现地址分发的时候，再通过懒加载模式加载你所需的文件，比如是相关的controller，就是js，这样有利于降低首次加载的负担，是页面加载时间更短。

首先得引入几个文件：

<script src="angular/1.4.8/angular/angular.min.js"></script>

<script src="angular/ui-router/release/angular-ui-router.min.js"></script>

<script src="angular/oclazyload/src/ocLazyLoad.min.js"></script>

然后配置app.js,将以来的脚本注入操作：

var myApp = angular.module("myApp", ['ui.router','oc.lazyLoad']);
myApp.config(function ($stateProvider, $urlRouterProvider) {
    //懒加载
    var _lazyLoad = function (loaded) {
        return function ($ocLazyLoad) {
            return $ocLazyLoad.load(loaded, {serie: true});
        }
    };
    $urlRouterProvider.when("", "/main");
    $stateProvider
        .state('main', {
            //默认显示登录页面
            url: '/main',
            templateUrl: 'tpls/main.html',
            resolve: {
                loadMyFile: _lazyLoad(
                    //懒加载登录的js和css文件
                    ['css/main.css']
                )
            }
        })

然后在lazyload出加载相应的css，js文件等。

2常用的表单验证指令：

1 必填项验证

某个表单输入是否已填写，只要在输入字段元素上添加HTML5标记required即可：

<input type="text" required />  

2. 最小长度

验证表单输入的文本长度是否大于某个最小值，在输入字段上使用指令ng-minleng= "{number}"：

<input type="text" ng-minlength="5" /> 

3. 最大长度

验证表单输入的文本长度是否小于或等于某个最大值，在输入字段上使用指令ng-maxlength="{number}"：

<input type="text" ng-maxlength="20" />

4. 模式匹配

使用ng-pattern="/PATTERN/"来确保输入能够匹配指定的正则表达式：

收获：以上等等。