угловой 2 es5 компонентный маршрут

Question

Я пытаюсь реализовать маршрутизацию Angular 2 с использованием ES5.

Ниже appComponent

(function(app) { 
    app.AppComponent =function() {}; 
    app.AppComponent = ng.core 
    .Component({ 
     selector: 'my-app' 
    }). 
    View({ 
     templateUrl: 'app.html', 
     directives: [ng.router.ROUTER_DIRECTIVES] 
    }) 
    .Class({ 
     constructor: function() { 
      this.name = "pankaj Badukale"; 
     } 
    }); 

    **ng.router.RouteConfig([ 
     { 
      path: "login", 
      component: app.LoginComponent, 
      as: "login" 
     } 
    ]);** 

})(window.app || (window.app = {})); 

app.html

<h1> 
    {{name}} 
    <a [routerLink]="['/login']">Home</a> 
    <router-outlet></router-outlet> 
</h1> 

Я хочу знать, как мы можем конфиг маршрутизации на компоненте.

Я искал участок, но люди просто определили, чтобы просмотреть, компонент, класс.

У кого-нибудь есть идея?

Answer 1

компоненты и RouteConfig оба декораторы, вы можете написать декоратор в угловых 2 (бета), как

app.AppComponent = ng.core.Component(...)(app.AppComponent); 
app.AppComponent = ng.router.RouteConfig(...)(app.AppComponent); 

вот ваша рабочая копия ...

(function(app) { 
    app.AppComponent =function() {}; 
    app.AppComponent = ng.core 
    .Component({ 
     selector: 'my-app' 
    }). 
    View({ 
     templateUrl: 'app.html', 
     directives: [ng.router.ROUTER_DIRECTIVES] 
    }) 
    .Class({ 
     constructor: function() { 
      this.name = "pankaj Badukale"; 
     } 
    }); 

    app.AppComponent = ng.router.RouteConfig([ 
     { 
      path: "login", 
      component: app.LoginComponent, 
      as: "login" 
     } 
    ])(app.AppComponent); 

})(window.app || (window.app = {}));