7

我将 angular 1.6 用于我的项目，使用 angular-ui-routing 使用 PugJs 进行 HTML 模板的路由。我正在尝试在我的应用程序中实现 Lazyload，但不知何故它不工作可能是由于玉。代码 ：

var app = angular.module('myApp',['ui.router','oc.lazyLoad']);
app.config(['$ocLazyLoadProvider', function($ocLazyLoadProvider
 {
   $ocLazyLoadProvider.config({
   debug: true,
   modules: [{
   name: 'js',
   files: ['js/*']
 }]
});
}]);

.state("exampleState", {
        url: '/example',
        templateUrl: '/example',
        controller:'exampleCtrl',

        resolve: {
            deps: ['$ocLazyLoad', function($ocLazyLoad) {
                return $ocLazyLoad.load({
                    files: ['/js/exampleCtrl.js']
                })
            }]
        }
    })

控制器 ：

app.controller('exampleCtrl',function($scope){
  console.log('controller loaded');
});

在前端，我使用节点将这些玉转换为 HTML，因此当路由服务访问“templateUrl”时，它将被重定向到以下代码：

app.get('/example', function(req, res) {
    res.render('/example');
});

这会在视图中加载 example.jade。我在控制台中得到这个

[$controller:ctrlreg] 名为“exampleCtrl”的控制器未注册。

即使在 DOM 中加载了控制器文件并且视图也不会呈现。欢迎任何有关问题的帮助。谢谢

4

2 回答 2

5

经过太多的搜索和尝试，我找到了解决方案，问题是构建控制器时模块的全局变量。而不是使用

app.controller('exampleCtrl',function($scope){
  console.log('controller loaded');
});

我用了angular.module('myApp').controller(,,,);

参考：ocLazyLoad 问题

于 2017-06-07T13:48:58.170 回答
1

我认为你应该这样做有点不同。尝试这个：

$stateProvider.state('exampleState', {
  url: "/example",
  views: {
    "exampleLazyLoadView": {
      controller: 'exampleCtrl',
      templateUrl: '/example.html'
    }
  },
  resolve: { // Any property in resolve should return a promise and is executed before the view is loaded
    loadMyCtrl: ['$ocLazyLoad', function($ocLazyLoad) {
             return $ocLazyLoad.load('/js/exampleCtrl.js');
    }]
  }
});
于 2017-06-02T10:34:07.873 回答