ng-route不适用于其他模块

时间:2017-04-27 09:57:49

标签: javascript angularjs web

我有以下代码

var balaitus = angular.module("balaitus", ["ngRoute"]);

// configure our routes
balaitus.config(function($routeProvider) {
    $routeProvider
    // route for the home page
        .when('/', {
            templateUrl : 'home_usuario2.html',
            controller  : 'usuarioCtrl'
        })

        .when('/home_usuario', {
            templateUrl : 'home_usuario2.html',
            controller  : 'usuarioCtrl'
        })

        // route for the about page
        .when('/estadisticas', {
            templateUrl : 'estadisticas.html',
            controller  : 'estadisticasCtrl'
        })

        // route for the contact page
        .when('/hashtags', {
            templateUrl : 'hashtags.html',
            controller  : 'hashtagsCtrl'
        })
        .otherwise({
            templateUrl : 'home_usuario2.html',
            controller  : 'usuarioCtrl'
    });
});

// create the controller and inject Angular's $scope
balaitus.controller('usuarioCtrl', function($scope) {
    // create a message to display in our view
    $scope.message = 'Hi! This is the home page.';
});

balaitus.controller('estadisticasCtrl', function($scope) {
    $scope.message = 'Hi! This is the estadisticas page.';
});

balaitus.controller('hashtagsCtrl', function($scope) {
    $scope.message = 'Would you like to contact us?';
});

代码只是路由不同的页面,并设置相应的控制器。它工作正常,但是当我在[]之间添加另一个角度模块时,例如ngFileUpload或ui.bootstrap.demo,ng-route不起作用,¿但为什么呢?

1 个答案:

答案 0 :(得分:1)

你应该在构造函数中添加它,例如:

var balaitus=angular.module("balaitus", ['webix', 'ngRoute','ui.router']);



balaitus.config(['$stateProvider', '$urlRouterProvider', '$routeProvider', '$locationProvider', '$qProvider', function ($stateProvider, $urlRouterProvider, $routeProvider, $locationProvider, $qProvider) {
$routeProvider ....

当然包含ur html代码中的js文件

<script src="Scripts/angular-route.js"></script>