我有一个简单的AngularJS应用程序,我试图重构使用RequireJS。如何使用AngularJS和RequireJS解决项目的依赖关系?
由于控制器和服务加载异步,我不能在我的index.html
中使用ng-app。
以下是我main.js
require.config({
paths: {
"angular": '../../bower_components/angular/angular',
"angularCookies": '../../bower_components/angular-cookies/angular-cookies'
},
shim: {
angular: {
exports: "angular"
},
angularCookies : {
deps: ["angular"]
}
}
});
require(['angular', './login/js/login'],
function (angular) {
angular.bootstrap(document, ['loginApp']);
}
);
我login.js
就是我定义的角度模块。 以下是我login.js
'use strict';
define(['angular',
'angularCookies',
'./login.controller'],
function(angular, angularCookies, loginController) {
angular.module('loginApp', [
'ngCookies'])
.config(['$cookiesProvider',
function($cookiesProvider) {
$cookiesProvider.defaults.path = '/';
$cookiesProvider.defaults.domain = 'localhost';
}
])
.run(['$cookies',
'loginService',
function($cookies, loginService) {
}
]).controller(loginController);
});
正如所看到的,它依赖于loginController
和loginController
是依赖于loginService
。
我loginService
定义为 -
"use strict";
define(['angular',
'angularCookies'],
function (angular, angularCookies) {
var loginService = angular.module('loginApp')
.factory('loginService', [
'$http',
'$cookies',
function ($http, $cookies) {
// My functions and other code here.
}]);
return loginService;
});
有了这个配置,我得到一个错误 - Module 'loginApp' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
缺少什么我在这里? 我需要做什么配置才能使它正确?
谢谢您的建议。但我有几个问题,1.我在哪里配置我的loginApp? 2. login.js发生了什么? – pratiksanglikar
看看这篇文章:https://www.startersquad.com/blog/angularjs-requirejs/ – Yaser
解决了这个问题。谢谢! :) – pratiksanglikar