Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import { Component } from 'angular2/core';
- import {ProductListComponent} from './products/product-list.component';
- import {ProductService} from './products/product.service';
- import {HTTP_PROVIDERS} from 'angular2/http';
- import {ROUTER_PROVIDERS, RouteConfig, ROUTER_DIRECTIVES} from 'angular2/router';
- import 'rxjs/Rx'; //Load all features
- import {WelcomeComponent} from './home/welcome.component'
- @Component({
- selector: 'pm-app',
- template:`
- <div>
- <nav class='navbar navbar-default'>
- <div class='container-fluid'>
- <a class='navbar-brand'>{{pageTitle}}</a>
- <ul class='nav navbar-nav'>
- <li><a [routerLink]="['Welcome']">Home</a></li>
- <li><a [routerLink]="['Products']">Product List</a></li>
- </ul>
- </div>
- </nav>
- <div class='container'>
- <router-outlet></router-outlet>
- </div>
- </div>`,
- directives: [ROUTER_DIRECTIVES],
- providers: [ProductService, HTTP_PROVIDERS, ROUTER_PROVIDERS]
- })
- @RouteConfig([
- {path: '/welcome', name: 'Welcome', component: WelcomeComponent, useAsDefault: true },
- {path: '/products', name: 'Products', component: ProductListComponent}
- ])
- export class AppComponent {
- pageTitle: string = "Acme Product Management";
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement