AngularJSアプリ内でカプセル化されたディレクティブとルーティングを使用するための推奨される方法は何ですか？

Question

私はベストプラクティスをAngularJs 1.5アプリで採用しようとしています。すでに次Todd Motto'sとJohn Papa'sスタイルが

を案内する事はある：私のアプリは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); 

です。ここまでは順調ですね。

それでは、角度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); 

だから、はどこ私はコントローラを宣言する必要がありますか？ルーティング設定では？各指令の中に？私のために少し冗長な音を出します。上述したように、あなたの例を使用して

Answer 1

が、これは私が角2 https://docs.angularjs.org/guide/component

(function() { 
    angular 
     .module('AppName') 
     .directive('directiveName', directiveName) 
     .config(routeConfig); 

    directiveName.$inject = ['$compile']; 

    function directiveName($compile) { 
     return { 
      scope: { 
       customAttribute: '=', 
      }, 
      link: directiveLink, 
      controller: directiveController 
     }; 

     function directiveLink(scope) { 

     } 

     function directiveController($scope) { 

     } 
    } 
    routeConfig.$inject ['$routeProvider']; 

    function routeConfig($routeProvider) { 
     $routeProvider.when('/home', { 
      template: '<custom-directive></custom-directive>', 
      resolve: { 
       user: function($http) { return $http.get('...'); } 
      } 
     }); 
    } 
})(); 

の準備中に新しい角度1.5コンポーネントメソッドをチェックアウトをお勧めします私はパパのスタイルガイド

ALAディレクティブでコントローラーを処理する方法であります