github/JavaScriptServices
1
1
Fork 0
mirror of https://github.com/aspnet/JavaScriptServices.git synced 2025-12-24 18:47:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update Angular2Spa to current versions of Angular 2, angular2-universal-preview, etc.

Browse Source
This commit is contained in:
SteveSandersonMS
2016-03-31 16:41:24 +01:00
parent 033a42ab42
commit 89c8dd3b36
8 changed files with 24 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
templates/Angular2Spa/ClientApp/boot-server.ts
View File

@@ -1,22 +1,20 @@
import 'angular2-universal-preview/dist/server/universal-polyfill.js';
import 'angular2-universal-polyfills';
import * as ngCore from 'angular2/core';
import * as ngRouter from 'angular2/router';
import * as ngUniversal from 'angular2-universal-preview';
import { BASE_URL } from 'angular2-universal-preview/dist/server/src/http/node_http';
import * as ngUniversalRender from 'angular2-universal-preview/dist/server/src/render';
import { App } from './components/app/app';
export default function (params: any): Promise<{ html: string, globals?: any }> {
const serverBindings = [
ngRouter.ROUTER_BINDINGS,
ngUniversal.HTTP_PROVIDERS,
ngUniversal.SERVER_LOCATION_PROVIDERS,
ngUniversal.NODE_LOCATION_PROVIDERS,
ngCore.provide(ngRouter.APP_BASE_HREF, { useValue: '/' }),
ngCore.provide(BASE_URL, { useValue: params.absoluteUrl }),
ngCore.provide(ngUniversal.BASE_URL, { useValue: params.absoluteUrl }),
ngCore.provide(ngUniversal.REQUEST_URL, { useValue: params.url })
];
return ngUniversalRender.renderToString(App, serverBindings).then(html => {
return ngUniversal.renderDocument('<app />', App, serverBindings).then(html => {
return { html };
});
}

8
templates/Angular2Spa/ClientApp/components/app/app.ts
View File

@@ -7,16 +7,14 @@ import { FetchData } from '../fetch-data/fetch-data';
import { Counter } from '../counter/counter';
@ng.Component({
selector: 'app'
selector: 'app',
template: require('./app.html'),
directives: [NavMenu, router.ROUTER_DIRECTIVES]
})
@router.RouteConfig([
{ path: '/', component: Home, name: 'Home' },
{ path: '/counter', component: Counter, name: 'Counter' },
{ path: '/fetch-data', component: FetchData, name: 'FetchData' }
])
@ng.View({
template: require('./app.html'),
directives: [NavMenu, router.ROUTER_DIRECTIVES]
})
export class App {
}

4
templates/Angular2Spa/ClientApp/components/counter/counter.ts
View File

@@ -1,9 +1,7 @@
import * as ng from 'angular2/core';
@ng.Component({
selector: 'counter'
})
@ng.View({
selector: 'counter',
template: require('./counter.html')
})
export class Counter {

4
templates/Angular2Spa/ClientApp/components/fetch-data/fetch-data.ts
View File

@@ -2,9 +2,7 @@ import * as ng from 'angular2/core';
import { Http } from 'angular2/http';
@ng.Component({
selector: 'fetch-data'
})
@ng.View({
selector: 'fetch-data',
template: require('./fetch-data.html')
})
export class FetchData {

4
templates/Angular2Spa/ClientApp/components/home/home.ts
View File

@@ -1,9 +1,7 @@
import * as ng from 'angular2/core';
@ng.Component({
selector: 'home'
})
@ng.View({
selector: 'home',
template: require('./home.html')
})
export class Home {

4
templates/Angular2Spa/ClientApp/components/nav-menu/nav-menu.ts
View File

@@ -2,9 +2,7 @@ import * as ng from 'angular2/core';
import * as router from 'angular2/router';
@ng.Component({
selector: 'nav-menu'
})
@ng.View({
selector: 'nav-menu',
template: require('./nav-menu.html'),
directives: [router.ROUTER_DIRECTIVES]
})