Question

我是AngularJS的新手，我正在尝试使用模板中使用的资源'datatables'，但我不断收到错误的资源名称。我在这一点上完全迷失了，欢迎任何帮助。

我从模板中复制了controler和module：

datatable.controller.js
tables.module.js

观点：

table-datatable.pug

已添加到app.module.js：

'app.tables',

将路由添加到routes.config.js上的视图：

.state('app.table-datatable', {
     url: '/table-datatable',
     title: 'Table Datatable',
     templateUrl: helper.basepath('table-datatable.html'),
     resolve: helper.resolveFor('datatables')
})

然后我在浏览器控制台上收到此消息：

Error: Route resolve: Bad resource name [datatables]

我从模板中复制了所有内容。当它在模板上工作时，我无法让它在我的项目上工作。

Answer 1

事实证明我必须在lazyload.constants.js文件上注入依赖项。

该文件保持如下：

(function() {
'use strict';

angular
    .module('app.lazyload')
    .constant('APP_REQUIRES', {
      // jQuery based and standalone scripts
      scripts: {
        ...
      },
      // Angular based script (use the right module name)
      modules: [
        ...
          {name: 'datatables',
           files: [
                    'vendor/datatables/media/css/jquery.dataTables.css',
                    'vendor/datatables/media/js/jquery.dataTables.js',
                    'vendor/datatables-buttons/js/dataTables.buttons.js',
                    'vendor/datatables-buttons/js/buttons.bootstrap.js',
                    'vendor/datatables-buttons/js/buttons.colVis.js',
                    'vendor/datatables-buttons/js/buttons.flash.js',
                    'vendor/datatables-buttons/js/buttons.html5.js',
                    'vendor/datatables-buttons/js/buttons.print.js',
                    'vendor/angular-datatables/dist/angular-datatables.js',
                    'vendor/angular-datatables/dist/plugins/buttons/angular-datatables.buttons.js'
                  ],
                  serie: true},
         ]
    });

})();

之后我必须确保文件确实在供应商的文件夹中，现在一切正常。

AngularJS错误的资源名称

1 个答案: