对于我的项目,我使用 AngularJS 和 RequireJS 。我遇到了一个问题,我不知道如何修复它。
问题
我正在为我的菜单( AngularJS Pageslide指令)输入一个AngularJS库。该库使用AngularJS模块来创建模块。由于RequireJS和手动引导,在实例化此类时,Angular尚不可用。由于这个原因,我无法使用该模块(它永远不会被定义)。我该如何添加这个库,以便我可以使用它?
Main.js
对于requireJS,我使用的是main.js.该库的部分如下:
requirejs.config({
baseUrl: 'modules',
paths: {
//MENU
'angular-pageslide': '../lib/angular-pageslide-directive',
},
});
document.addEventListener("deviceready", onDeviceReady, false);
// Load all app components (bootstrap angular)
function onDeviceReady() {
requirejs([
'angular-pageslide'
], function () {
angular.bootstrap(document, ["app"]);
});
但是这给了我错误' Angular is undefined
'。
我也尝试过:
paths: {
'angular-pageslide': '../lib/angular-pageslide-directive'
},
shim: {
'angular-pageslide': {deps: ['angular']},
}
但是使用这段代码我不知道如何将它作为依赖项包含在我的控制器中。 (javascript并不喜欢我使用' angular-pageslide'作为依赖项。给出类型错误,Unexpected '-'
。)
任何人都知道这个问题的最佳解决方案是什么?