नियंत्रक कोणीय नई रूटर

Question

मैं 1.4 के लिए नए कोणीय रूटर उपयोग कर रहा हूँ का दृष्टांत नहीं किया जा सका है और जब एक घटक के लिए एक सरल नियंत्रक कर यह मुझे एक त्रुटि फेंकता है:

angular.module('app.campaigns',['security', 'ngNewRouter']) 
    .controller('CampaignsController', ['authService', '$rootScope', CampaignsController]); 


function CampaignsController (authService, $rootScope) { 
    console.log ('this is campaigns controller'); 
    this.currentUser = $rootScope.authService.currentUser; 
    this.authService = $rootScope.authService; 
    this.logout = authService.logout; 
} 

मैं $ rootScope इंजेक्शन लगाने के बिना की कोशिश की है और वही है। मैं क्या गलत कर रहा हूं? एक बहुत ही समान घटक आकर्षण की तरह काम करता है, लेकिन ऐसा नहीं करता है।

Answer 1

यहां कोणीय 1.5 के साथ उपयोग में नए राउटर का नवीनतम उदाहरण है, 1.4 के लिए आप घटक() का उपयोग करने में सक्षम नहीं होंगे, मुझे लगता है कि जब तक आप इसे स्वयं नहीं जोड़ते हैं, यह केवल निर्देश के आसपास एक रैपर है।

आप के बजाय उदाहरण नीचे में कोणीय-new-रूटर के पैकेज (जब तक यह अद्यतन किया जाता है) स्थापित करने की angular2 परियोजना से बनाया angular_1_router.js का उपयोग करना चाहिए वे कोणीय 1.5 उपयोग करें और यह तय हो गई है ताकि आप घटकों() और बच्चे का उपयोग कर सकते मार्गों आदि पूर्ण काम कर उदाहरण के लिए

जांच लिंक: http://plnkr.co/edit/N3YP3dKMuljpZ6mWsVBT?p=preview

app.js

angular.module('app', ['ngComponentRouter', 'dialog', 'heroes', 'crisis-center']) 

.config(function($locationProvider) { 
    $locationProvider.html5Mode(true); 
}) 

.run(function($router) { 
    $router.config([ 
    { path: '/...', name: 'App', component: 'app', useAsDefault: true } 
    ]); 
    $router.navigate(['App']); 
}) 

.component('app', { 
    template: 
    '<nav>\n' + 
    ' <a ng-link="[\'CrisisCenter\']">Crisis Center</a>\n' + 
    ' <a ng-link="[\'Heroes\']">Heroes</a>\n' + 
    '</nav>\n' + 
    '<ng-outlet></ng-outlet>\n', 
    $routeConfig: [ 
    {path: '/crisis-center/...', name: 'CrisisCenter', component: 'crisisCenter', useAsDefault: true}, 
    {path: '/heroes/...', name: 'Heroes', component: 'heroes'}, 
    {path: '/disaster', name: 'Asteroid', redirectTo: ['CrisisCenter', 'CrisisDetail', {id:3}]} 
    ] 
});