[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'); } })

转载于:https://www.cnblogs.com/HuangXT/p/5488149.html


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部