[Angular] oc.lazyLoad路由笔记


//ui.router,oc.lazyLoad:当前应用需要加载的依赖模块

angular.module('app',["ui.router", "oc.lazyLoad"]) .config(function($stateProvider){
    //state:oc路由加载项,templateUrl:路由需要跳转的新页面,controller:在解决项中加载文件里找到对应的控制器并赋予跳转的新页面 $stateProvider.state('store', {         templateUrl: 'store/store.tmpl.html', controller: 'StoreCtrl as store',
      //resolve:oc解决项 resolve: {
         //解决项内容,$ocLazyLoad :OC解决项参数名,并返回一个由参数加载事件,即加载新页面中所依赖的各类文件 store: function($ocLazyLoad){ return $ocLazyLoad.load( {  
                   //name:文件约束 name: "store", //module name is "store" //files:加载文件名称
                   files: ["store/store.js"] } ) } } } ) })   //控制器事件 .controller("AppCtrl", function($state){ var app = this; app.click = function(){ $state.go('store'); } })

posted on 2016-05-13 08:50  不觉晓  阅读(341)  评论(0编辑  收藏  举报

导航