javascript - Angular - 路由为什么我的 Controller 被调用了 2 次

Question

我在 Angular 应用程序中使用路由。当页面加载时，我得到 Controller 功能触发器 2 次..

如何避免这种情况或者调用 2 次是否有任何有用的意义？

有人帮我解释一下我的错误吗？

这是我的 html://我用 Jade !

header
            h1 Header
        div.content(ng-controller="HomeController")
            div(ng-view)
        footer
            h5 Footer

这是我的代码:

var locations = angular.module('location', ['ngRoute']);
locations.config(['$routeProvider', function($routeProvider) {
    $routeProvider
        .when('/', {
            controller: 'HomeController',
            templateUrl: 'views/home.html'
        })
        .when('/inbox/:name', {
            controller: 'InboxController',
            templateUrl: 'views/inbox.html'
        })
        .otherwise({redirectTo: '/'});
}]);
locations.controller('HomeController', ['$scope', function($scope){
    console.log('hi'); // i am getting 2 times consoled! -why?
   }]);

Answer 1

因为您的模板中有 div.content(ng-controller="HomeController")。您不需要显式定义 ng-controller 指令到您的 header 模板，因为它已经使用 $routeProvider

关联