Les éléments de configuration sont définis dans main.js
requirejs.config({
paths: {
jQuery: '../lib/jquery.min',
angular: '../lib/angular.min',
angularRouter: '../lib/angular-route.min',
angularAnimate: '../lib/angular-animate.min',
ngNotify: '../lib/angular-atomic-notify',
api: '../js/common/api',
utils: '../js/common/utils'
},
shim: {
'angular': {
deps: ['jQuery'],
exports: 'angular'
},
angularRouter: {
deps: ['angular'],
exports: 'ngRoute'
},
angularAnimate: {
deps: ['angular']
},
ngNotify: {
deps: ['angular']
},
api: {
deps: ['angular']
},
utils: {
deps: ['angular']
}
}
});
// 手动开启angular服务
require(['angular', 'app'], function(angular){
angular.element(document).ready(function(){
angular.bootstrap(document, ['yceMain']);
});
});
Définir les modules et les itinéraires dans l'application
app.js
define(['angular', 'angularRouter', 'ngNotify', 'angularAnimate', 'api', 'utils'], function(angular){
var yceMain = angular.module('yceMain',['ngRoute', 'atomic-notify', 'ngAnimate']);
yceMain.config(['$routeProvider', '$controllerProvider', function ($routeProvider, $controllerProvider){
$routeProvider
.when('/dashBoard', {
templateUrl: 'views/dashBoard.html'
})
.when('/appManage', {
templateUrl: 'views/appManage.html',
controller: 'appManage'
})
}]);
return yceMain;
});
Le code appManage controller.js est le suivant
define(['app'], function (yceMain){
yceMain.controller('appManage', ['$scope' , function ($scope){
$scope.aa = 11;
}]);
});
Erreur de page
Error: [ng:areq] http://errors.angularjs.org/1.5.0/ng/areq?p0=appManage&p1=not%20aNaNunction%2C%20got%20undefined
Si vous définissez appManage contrôleur dans app.js, vous pouvez obtenir les données dans la vue, mais si vous utilisez définir(['app'],xx) dans appManage contrôleur.js pour obtenir angulaire.module, vous ne pouvez pas obtenir S'il vous plaît, résolvez-le.
Cette application n'aurait pas dû être injectée. Veuillez console.log(yceMain).
Si vous souhaitez simplement lier le contrôleur appManage au module app, vous devriez pouvoir écrire comme ceci :
Bien entendu, ce contrôleur doit également être introduit dans la page
J'ai utilisé ui-router + oclazyload
Résolu. Le problème est qu'avant qu'Angular ne démarre le service ng-app, tous les contrôleurs et services doivent être enregistrés.
Mais mon idée est de charger le contrôleur de manière asynchrone via require.
Cette fonction résout parfaitement le problème, merci /a/11….