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

chore(ng2-template): upgrade angular 2 template to rc1 version

Browse Source
This commit is contained in:
Andrei Tserakhau
2016-05-10 14:14:06 +03:00
committed by SteveSandersonMS
parent 8005427d94
commit 58a1aa3538
10 changed files with 53 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
templates/Angular2Spa/ClientApp/boot-client.ts
View File

@@ -1,14 +1,16 @@
import 'angular2/bundles/angular2-polyfills';
import 'bootstrap';
require('zone.js');
import 'reflect-metadata';
import './styles/site.css';
import { bootstrap } from 'angular2/platform/browser';
import { FormBuilder } from 'angular2/common';
import * as router from 'angular2/router';
import { Http, HTTP_PROVIDERS } from 'angular2/http';
import { bootstrap } from '@angular/platform-browser-dynamic';
import { FormBuilder } from '@angular/common';
import * as router from '@angular/router-deprecated';
import { Http, HTTP_PROVIDERS } from '@angular/http';
import { App } from './components/app/app';
bootstrap(App, [router.ROUTER_BINDINGS, HTTP_PROVIDERS, FormBuilder]);
bootstrap(App, [router.ROUTER_PROVIDERS, HTTP_PROVIDERS, FormBuilder]);
// Basic hot reloading support. Automatically reloads and restarts the Angular 2 app each time
// you modify source files. This will not preserve any application state other than the URL.

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

@@ -1,6 +1,6 @@
import 'angular2-universal/polyfills';
import * as ngCore from 'angular2/core';
import * as ngRouter from 'angular2/router';
import * as ngCore from '@angular/core';
import * as ngRouter from '@angular/router-deprecated';
import * as ngUniversal from 'angular2-universal';
import { BASE_URL, ORIGIN_URL, REQUEST_URL } from 'angular2-universal/common';
import { App } from './components/app/app';
@@ -10,13 +10,14 @@ export default function (params: any): Promise<{ html: string, globals?: any }>
ngCore.provide(BASE_URL, { useValue: '/' }),
ngCore.provide(ORIGIN_URL, { useValue: params.origin }),
ngCore.provide(REQUEST_URL, { useValue: params.url }),
ngUniversal.NODE_HTTP_PROVIDERS,
ngUniversal.NODE_ROUTER_PROVIDERS
...ngUniversal.NODE_PLATFORM_PIPES,
...ngUniversal.NODE_ROUTER_PROVIDERS,
...ngUniversal.NODE_HTTP_PROVIDERS,
];
return ngUniversal.bootloader({
directives: [App],
providers: serverBindings,
componentProviders: serverBindings,
async: true,
preboot: false,
// TODO: Render just the <app> component instead of wrapping it inside an extra HTML document

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

@@ -1,6 +1,6 @@
import * as ng from 'angular2/core';
import * as router from 'angular2/router';
import { Http, HTTP_BINDINGS } from 'angular2/http';
import * as ng from '@angular/core';
import * as router from '@angular/router-deprecated';
import { Http, HTTP_BINDINGS } from '@angular/http';
import { NavMenu } from '../nav-menu/nav-menu';
import { Home } from '../home/home';
import { FetchData } from '../fetch-data/fetch-data';

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

@@ -1,4 +1,4 @@
import * as ng from 'angular2/core';
import * as ng from '@angular/core';
@ng.Component({
selector: 'counter',

2
templates/Angular2Spa/ClientApp/components/fetch-data/fetch-data.html
View File

@@ -14,7 +14,7 @@
</tr>
</thead>
<tbody>
<tr *ngFor="#forecast of forecasts">
<tr *ngFor="let forecast of forecasts">
<td>{{ forecast.dateFormatted }}</td>
<td>{{ forecast.temperatureC }}</td>
<td>{{ forecast.temperatureF }}</td>

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

@@ -1,5 +1,5 @@
import * as ng from 'angular2/core';
import { Http } from 'angular2/http';
import * as ng from '@angular/core';
import { Http } from '@angular/http';
@ng.Component({
selector: 'fetch-data',

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

@@ -1,4 +1,4 @@
import * as ng from 'angular2/core';
import * as ng from '@angular/core';
@ng.Component({
selector: 'home',

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

@@ -1,5 +1,5 @@
import * as ng from 'angular2/core';
import * as router from 'angular2/router';
import * as ng from '@angular/core';
import * as router from '@angular/router-deprecated';
@ng.Component({
selector: 'nav-menu',