Skip to content
This repository was archived by the owner on Dec 4, 2017. It is now read-only.

Commit da58ff4

Browse files
Foxandxsswardbell
Foxandxss
authored and
wardbell
committed
docs(style-guide): update style-guide samples to use v3 router
closes #1828
1 parent 341f32d commit da58ff4

File tree

3 files changed

+64
-59
lines changed

3 files changed

+64
-59
lines changed

‎public/docs/_examples/style-guide/ts/app/app.component.ts

Lines changed: 1 addition & 57 deletions
Original file line numberDiff line numberDiff line change
@@ -1,65 +1,9 @@
11
import { Component } from '@angular/core';
2-
import { RouteConfig, ROUTER_DIRECTIVES } from '@angular/router-deprecated';
3-
4-
import { AppComponent as S0101 } from '../01-01/app';
5-
import { AppComponent as S0207 } from '../02-07/app';
6-
import { AppComponent as S0208 } from '../02-08/app';
7-
import { AppComponent as S0301 } from '../03-01/app';
8-
import { AppComponent as S0302 } from '../03-02/app';
9-
import { AppComponent as S0303 } from '../03-03/app';
10-
import { AppComponent as S0304 } from '../03-04/app';
11-
import { AppComponent as S0305 } from '../03-05/app';
12-
import { AppComponent as S0306 } from '../03-06/app';
13-
import { AppComponent as S0410 } from '../04-10/app';
14-
import { AppComponent as S0414 } from '../04-14/app';
15-
import { AppComponent as S0502 } from '../05-02/app';
16-
import { AppComponent as S0503 } from '../05-03/app';
17-
import { AppComponent as S0504 } from '../05-04/app';
18-
import { AppComponent as S0512 } from '../05-12/app';
19-
import { AppComponent as S0513 } from '../05-13/app';
20-
import { AppComponent as S0514 } from '../05-14/app';
21-
import { AppComponent as S0515 } from '../05-15/app';
22-
import { AppComponent as S0516 } from '../05-16/app';
23-
import { AppComponent as S0517 } from '../05-17/app';
24-
import { AppComponent as S0601 } from '../06-01/app';
25-
import { AppComponent as S0603 } from '../06-03/app';
26-
import { AppComponent as S0701 } from '../07-01/app';
27-
import { AppComponent as S0703 } from '../07-03/app';
28-
import { AppComponent as S0704 } from '../07-04/app';
29-
import { AppComponent as S0901 } from '../09-01/app';
2+
import { ROUTER_DIRECTIVES } from '@angular/router';
303

314
@Component({
325
selector: 'my-app',
336
templateUrl: 'app/app.component.html',
347
directives: [ROUTER_DIRECTIVES]
358
})
36-
@RouteConfig([
37-
{ path: '/01-01', name: '01-01', component: S0101 },
38-
{ path: '/02-07', name: '02-07', component: S0207 },
39-
{ path: '/02-08', name: '02-08', component: S0208 },
40-
{ path: '/03-01', name: '03-01', component: S0301 },
41-
{ path: '/03-02', name: '03-02', component: S0302 },
42-
{ path: '/03-03', name: '03-03', component: S0303 },
43-
{ path: '/03-04', name: '03-04', component: S0304 },
44-
{ path: '/03-05', name: '03-05', component: S0305 },
45-
{ path: '/03-06', name: '03-06', component: S0306 },
46-
{ path: '/04-10', name: '04-10', component: S0410 },
47-
{ path: '/04-14', name: '04-14', component: S0414 },
48-
{ path: '/05-02', name: '05-02', component: S0502 },
49-
{ path: '/05-03', name: '05-03', component: S0503 },
50-
{ path: '/05-04', name: '05-04', component: S0504 },
51-
{ path: '/05-12', name: '05-12', component: S0512 },
52-
{ path: '/05-13', name: '05-13', component: S0513 },
53-
{ path: '/05-14', name: '05-14', component: S0514 },
54-
{ path: '/05-15', name: '05-15', component: S0515 },
55-
{ path: '/05-16', name: '05-16', component: S0516 },
56-
{ path: '/05-17', name: '05-17', component: S0517 },
57-
{ path: '/06-01', name: '06-01', component: S0601 },
58-
{ path: '/06-03', name: '06-03', component: S0603 },
59-
{ path: '/07-01', name: '07-01', component: S0701 },
60-
{ path: '/07-03', name: '07-03', component: S0703 },
61-
{ path: '/07-04', name: '07-04', component: S0704 },
62-
{ path: '/09-01', name: '09-01', component: S0901 },
63-
64-
])
659
export class AppComponent { }

‎public/docs/_examples/style-guide/ts/app/app.routes.ts

Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
import { provideRouter, RouterConfig } from '@angular/router';
2+
3+
import { AppComponent as S0101 } from '../01-01/app';
4+
import { AppComponent as S0207 } from '../02-07/app';
5+
import { AppComponent as S0208 } from '../02-08/app';
6+
import { AppComponent as S0301 } from '../03-01/app';
7+
import { AppComponent as S0302 } from '../03-02/app';
8+
import { AppComponent as S0303 } from '../03-03/app';
9+
import { AppComponent as S0304 } from '../03-04/app';
10+
import { AppComponent as S0305 } from '../03-05/app';
11+
import { AppComponent as S0306 } from '../03-06/app';
12+
import { AppComponent as S0410 } from '../04-10/app';
13+
import { AppComponent as S0414 } from '../04-14/app';
14+
import { AppComponent as S0502 } from '../05-02/app';
15+
import { AppComponent as S0503 } from '../05-03/app';
16+
import { AppComponent as S0504 } from '../05-04/app';
17+
import { AppComponent as S0512 } from '../05-12/app';
18+
import { AppComponent as S0513 } from '../05-13/app';
19+
import { AppComponent as S0514 } from '../05-14/app';
20+
import { AppComponent as S0515 } from '../05-15/app';
21+
import { AppComponent as S0516 } from '../05-16/app';
22+
import { AppComponent as S0517 } from '../05-17/app';
23+
import { AppComponent as S0601 } from '../06-01/app';
24+
import { AppComponent as S0603 } from '../06-03/app';
25+
import { AppComponent as S0701 } from '../07-01/app';
26+
import { AppComponent as S0703 } from '../07-03/app';
27+
import { AppComponent as S0704 } from '../07-04/app';
28+
import { AppComponent as S0901 } from '../09-01/app';
29+
30+
const routes: RouterConfig = [
31+
{ path: '01-01', component: S0101 },
32+
{ path: '02-07', component: S0207 },
33+
{ path: '02-08', component: S0208 },
34+
{ path: '03-01', component: S0301 },
35+
{ path: '03-02', component: S0302 },
36+
{ path: '03-03', component: S0303 },
37+
{ path: '03-04', component: S0304 },
38+
{ path: '03-05', component: S0305 },
39+
{ path: '03-06', component: S0306 },
40+
{ path: '04-10', component: S0410 },
41+
{ path: '04-14', component: S0414 },
42+
{ path: '05-02', component: S0502 },
43+
{ path: '05-03', component: S0503 },
44+
{ path: '05-04', component: S0504 },
45+
{ path: '05-12', component: S0512 },
46+
{ path: '05-13', component: S0513 },
47+
{ path: '05-14', component: S0514 },
48+
{ path: '05-15', component: S0515 },
49+
{ path: '05-16', component: S0516 },
50+
{ path: '05-17', component: S0517 },
51+
{ path: '06-01', component: S0601 },
52+
{ path: '06-03', component: S0603 },
53+
{ path: '07-01', component: S0701 },
54+
{ path: '07-03', component: S0703 },
55+
{ path: '07-04', component: S0704 },
56+
{ path: '09-01', component: S0901 },
57+
];
58+
59+
export const APP_ROUTER_PROVIDERS = [
60+
provideRouter(routes)
61+
];

‎public/docs/_examples/style-guide/ts/app/main.ts

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11
import { bootstrap } from '@angular/platform-browser-dynamic';
2-
import { ROUTER_PROVIDERS } from '@angular/router-deprecated';
32
import { XHRBackend, HTTP_PROVIDERS } from '@angular/http';
43
import { HashLocationStrategy, LocationStrategy } from '@angular/common';
54
import { InMemoryBackendService, SEED_DATA } from 'angular2-in-memory-web-api';
65
import 'rxjs/add/operator/map';
76

7+
import { APP_ROUTER_PROVIDERS } from './app.routes';
88
import { HeroData } from './hero-data';
99
import { AppComponent } from './app.component';
1010

1111
bootstrap(AppComponent, [
12-
ROUTER_PROVIDERS,
12+
APP_ROUTER_PROVIDERS,
1313
HTTP_PROVIDERS,
1414
{ provide: LocationStrategy, useClass: HashLocationStrategy },
1515
{ provide: XHRBackend, useClass: InMemoryBackendService },

0 commit comments

Comments
 (0)