在AngularJS应用程序中使用封装指令和路由的推荐方法是什么？(What is the recommended way to use an encapsulated directive and routing within an AngularJS app?)

 我正在尝试使用AngularJs 1.5应用程序的最佳实践 。 已经关注了Todd Motto和John Papa的风格指南 
 
 问题是：我的应用程序使用ngRoute进行路由 。 所以这： 
 
function RoutingConfig($routeProvider) {
    $routeProvider
        .when('/route1', {
            controller: 'Ctrl1 as vm',
            templateUrl: 'partials/route1.html',
            resolve: { myCoolService: myCoolService } // to abbreviate
        })
        .when('/route2', {
            controller: 'Ctrl2 as vm',
            templateUrl: 'partials/route2.html'
        })
        .otherwise({redirectTo: '/route1'}):

}

angular
    .module('myApp', ['ngRoute'])
    .config(RoutingConfig);
 
 好。 到现在为止还挺好。 
 
 现在，让我们说，在我走向Angular 2的道路上， 我想采用指令方法封装所有内容 。 这样，我将使用AngularJS 1.5创建类似Web组件的东西。 
 
 如果我遵循正确的做法，我可以为我的route1创建一个指令，并直接为该指令定义一个控制器： 
 
function MyCoolDirective() {
    var directiveDefObj = {
        controller: Ctrl1,
        controllerAs: 'vm',
        scope: {
            data: "=",
        },
        bindToController: true, // isolated scope
        link: linkFnc // just declared to abbreviate
    };

    return directiveDefObj;
}


angular
    .module('myApp')
    .directive('MyCoolDirective', MyCoolDirective);
 
 那么， 我应该在哪里声明控制器？ 在路由配置中？ 在每个指令里面？ 对我来说听起来有点冗余。 

I'm trying to adopt best practices with an AngularJs 1.5 app. Already following Todd Motto's and John Papa's style guides
 
The thing is: my app has routes using ngRoute. So, this:
 
function RoutingConfig($routeProvider) {
    $routeProvider
        .when('/route1', {
            controller: 'Ctrl1 as vm',
            templateUrl: 'partials/route1.html',
            resolve: { myCoolService: myCoolService } // to abbreviate
        })
        .when('/route2', {
            controller: 'Ctrl2 as vm',
            templateUrl: 'partials/route2.html'
        })
        .otherwise({redirectTo: '/route1'}):

}

angular
    .module('myApp', ['ngRoute'])
    .config(RoutingConfig);
 
Ok. So far, so good.
 
Now, let's say that, in my road to Angular 2, I want to adopt the encapsulate everything in a directive approach. This way, I'll create something like web components, using AngularJS 1.5.
 
If I'm following the right practices, I could create a directive for my route1 and directly define a controller for that directive:
 
function MyCoolDirective() {
    var directiveDefObj = {
        controller: Ctrl1,
        controllerAs: 'vm',
        scope: {
            data: "=",
        },
        bindToController: true, // isolated scope
        link: linkFnc // just declared to abbreviate
    };

    return directiveDefObj;
}


angular
    .module('myApp')
    .directive('MyCoolDirective', MyCoolDirective);
 
So, where should I declare the Controllers? In the routing configuration? Inside each directive? Sounds a bit redundandt for me.

原文：https://stackoverflow.com/questions/37310516