angularJS中的ui-router和ocLazyLoad使用

在angularJs中，index.html 引入

router.js

var app = angular.module('myApp',
 ['oc.lazyLoad', 'ui.router']);
//配置路由  
app.config(function ($stateProvider, $urlRouterProvider) {
    $urlRouterProvider
        .otherwise('/app/questionList'); //默认页面
    //首页  
    $stateProvider.state('app', {
        // abstract: true,
        url: '/app',
        templateUrl: 'src/home.html'
    })
    //二级页面
    .state('app.questionList', {
        url: '/questionList',
        templateUrl: '/questionList.html',
        resolve: {
            deps: ['$ocLazyLoad',
              function( $ocLazyLoad ){
                return $ocLazyLoad.load(['/questionList.js']);
            }]
          }
    })
    .state('app.questionAdd', {
        url: '/questionAdd',
        templateUrl: '/questionAdd.html',
        resolve: {
            deps: ['$ocLazyLoad',
              function( $ocLazyLoad ){
                return $ocLazyLoad.load(['/questionAdd.js']);
            }]
          }
    })   
});  

nav.html

 

          

            
              列表
            
          
          

            
              添加
            
          
  
        
      
    

home.html

页面效果

image.png