angulaire.js - angulaire nécessite un problème de contrôleur de chargement
漂亮男人
漂亮男人 2017-05-15 17:08:36
0
2
1008

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.

漂亮男人
漂亮男人

répondre à tous(2)
我想大声告诉你
define(['app'], function (yceMain){
    yceMain.controller('appManage', ['$scope' , function ($scope){
        $scope.aa = 11;
    }]);
});

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 :

// appManage controller.js
angular.module('app')
.controller('appManage', ['$scope' , function ($scope){
       $scope.aa = 11;
}]);

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.

function ctrlRegister (ctrlName, ctrlModule) {
                return function ($q) {
                    var defer = $q.defer();
                    require(ctrlModule, function (controller) {

                        $controllerProvider.register(ctrlName, controller);

                        defer.resolve();
                    });
                    return defer.promise;
                }
            }
            
            

Cette fonction résout parfaitement le problème, merci /a/11….

Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal