How to use the @angular/router.ROUTER_DIRECTIVES function in @angular/router

var platform_browser_dynamic_1 = require("@angular/platform-browser-dynamic");
var forms_1 = require("@angular/forms");
var http_1 = require("@angular/http");
var router_1 = require("@angular/router");
var common_1 = require("@angular/common");
// Turn on Production Mode
var buildType_1 = require("../common/buildType");
buildType_1.buildType();
var talkService_1 = require("./talkService");
var dataService_1 = require("../common/dataService");
var TalksComponent_1 = require("./TalksComponent");
var routes_1 = require("./routes");
platform_browser_dynamic_1.bootstrap(TalksComponent_1.TalksComponent, [forms_1.disableDeprecatedForms(),
    forms_1.provideForms(),
    http_1.HTTP_PROVIDERS,
    router_1.ROUTER_DIRECTIVES,
    routes_1.talkRoutes,
    dataService_1.DataService,
    talkService_1.TalkService,
    { provide: common_1.LocationStrategy, useClass: common_1.HashLocationStrategy }
]);
//# sourceMappingURL=main.js.map

var AppComponent = (function () {
    function AppComponent() {
        this.title = 'Red Hat ALMighty';
        this.loggedIn = false;
    }
    AppComponent = __decorate([
        core_1.Component({
            selector: 'my-app',
            template: "\n  <div class="\&quot;error\&quot;">\n    <h1>{{title}}</h1>\n    <nav>\n      <a>Work Item List</a>\n      <a>Board</a>\n    </nav>\n  </div>\n    \n  ",
            styleUrls: ['app/app.component.css'],
            directives: [
                router_1.ROUTER_DIRECTIVES
            ],
            providers: [
                card_service_1.CardService
            ],
            precompile: [
                login_component_1.LoginComponent,
                card_list_component_1.CardListComponent,
                board_component_1.BoardComponent,
                card_detail_component_1.CardDetailComponent
            ]
        }), 
        __metadata('design:paramtypes', [])
    ], AppComponent);
    return AppComponent;
}());
exports.AppComponent = AppComponent;

var GlossaryComponent = (function () {
    function GlossaryComponent(titleService) {
        this.titleService = titleService;
    }
    GlossaryComponent.prototype.ngOnInit = function () {
        this.titleService.setTitle('Glossary');
    };
    GlossaryComponent = __decorate([
        core_1.Component({
            template: "\n    <h1>Glossary</h1>\n    \n  ",
            directives: [router_1.ROUTER_DIRECTIVES],
            providers: [terms_service_1.TermsService]
        }), 
        __metadata('design:paramtypes', [platform_browser_1.Title])
    ], GlossaryComponent);
    return GlossaryComponent;
}());
exports.GlossaryComponent = GlossaryComponent;

return this._urls;
        },
        set: function (value) {
            this._urls = value;
        },
        enumerable: true,
        configurable: true
    });
    __decorate([
        core_1.Input('routeConfig'), 
        __metadata('design:type', Array)
    ], BreadcrumbComponent.prototype, "routeConfig", void 0);
    BreadcrumbComponent = __decorate([
        core_1.Component({
            selector: 'breadcrumb',
            directives: [common_1.FORM_DIRECTIVES, router_1.ROUTER_DIRECTIVES, common_1.NgClass],
            template: "\n      <div>\n          <ul class="\&quot;breadcrumb\&quot;">\n              <li> \n                  <a>{{friendlyName(url)}}</a>\n                  <span>{{friendlyName(url)}}</span>\n              </li>\n          </ul>\n      </div>\n    ",
            styles: ["\n      .breadcrumb {\n        padding: 8px 15px;\n        margin-bottom: 20px;\n        list-style: none;\n        background-color: transparent;\n        border-radius: 3px;\n      }\n      .breadcrumb &gt; li {\n        display: inline-block;\n      }\n      .breadcrumb &gt; li + li:before {\n        content: \"/\";\n        padding: 0 5px;\n        color: #999999;\n      }\n      .breadcrumb &gt; .active {\n        color: #555555;\n      }\n   "]
        }), 
        __metadata('design:paramtypes', [router_1.Router])
    ], BreadcrumbComponent);
    return BreadcrumbComponent;
}());
exports.BreadcrumbComponent = BreadcrumbComponent;

var SectorsComponent = (function () {
    function SectorsComponent() {
    }
    SectorsComponent.prototype.ngOnInit = function () {
    };
    SectorsComponent = __decorate([
        core_1.Component({
            template: "\n    <h1>Sectors</h1>\n    \n  ",
            directives: [router_1.ROUTER_DIRECTIVES],
            providers: [sectors_service_1.SectorsService]
        }), 
        __metadata('design:paramtypes', [])
    ], SectorsComponent);
    return SectorsComponent;
}());
exports.SectorsComponent = SectorsComponent;

var StocksComponent = (function () {
    function StocksComponent() {
    }
    StocksComponent.prototype.ngOnInit = function () {
    };
    StocksComponent = __decorate([
        core_1.Component({
            moduleId: module.id,
            selector: 'stock-exchanges',
            templateUrl: 'stocks.component.html',
            styleUrls: ['stocks.component.css'],
            directives: [router_1.ROUTER_DIRECTIVES],
            providers: [stock_service_1.StockService]
        }), 
        __metadata('design:paramtypes', [])
    ], StocksComponent);
    return StocksComponent;
}());
exports.StocksComponent = StocksComponent;

var LeadersComponent = (function () {
    function LeadersComponent() {
    }
    LeadersComponent.prototype.ngOnInit = function () {
    };
    LeadersComponent = __decorate([
        core_1.Component({
            template: "\n    <h1>Leaders</h1>\n    \n  ",
            directives: [router_1.ROUTER_DIRECTIVES],
            providers: [leaders_service_1.LeadersService]
        }), 
        __metadata('design:paramtypes', [])
    ], LeadersComponent);
    return LeadersComponent;
}());
exports.LeadersComponent = LeadersComponent;

var AppComponent = (function () {
    function AppComponent() {
        this.title = 'DoFinder Images';
    }
    AppComponent = __decorate([
        core_1.Component({
            selector: 'my-app',
            template: "\n        <h1>{{title}} - ciao funzioni?!</h1>\n        <nav>\n            <a>Dashboard</a>\n            <a>Images</a>\n         </nav>\n         \n",
            styleUrls: ['app/styles/app.component.css'],
            directives: [router_1.ROUTER_DIRECTIVES],
            providers: [
                image_service_1.ImageService,
                app_constants_1.Configuration
            ]
        }), 
        __metadata('design:paramtypes', [])
    ], AppComponent);
    return AppComponent;
}());
exports.AppComponent = AppComponent;

var MainComponent = (function () {
    function MainComponent() {
    }
    MainComponent = __decorate([
        core_1.Component({
            selector: 'javalab-app',
            templateUrl: 'app/main.html',
            directives: [router_1.ROUTER_DIRECTIVES],
            precompile: [app_component_1.AppComponent]
        }), 
        __metadata('design:paramtypes', [])
    ], MainComponent);
    return MainComponent;
}());
exports.MainComponent = MainComponent;

* ------------------------
        */
        $('.btn-group[data-toggle="btn-toggle"]').each(function () {
            var group = $(this);
            $(this).find(".btn").on('click', function (e) {
                group.find(".btn.active").removeClass("active");
                $(this).addClass("active");
                e.preventDefault();
            });
        });
    };
    DashBoardComponent = __decorate([
        core_1.Component({
            selector: 'dashboard',
            templateUrl: 'app/components/dashboard/view/dashboard.html',
            directives: [header_component_1.HeaderComponent, sidebar_component_1.SidebarComponent, right_sidebar_component_1.RightSidebarComponent, footer_component_1.FooterComponent, router_1.ROUTER_DIRECTIVES]
        }), 
        __metadata('design:paramtypes', [])
    ], DashBoardComponent);
    return DashBoardComponent;
}());
exports.DashBoardComponent = DashBoardComponent;