2016-08-15 2 views
15

Я перехожу от Angular 2 RC4 до RC5Как самонастройки с HashLocationStrategy в угловом 2 RC5

Вот моего текущего main.ts

import {enableProdMode} from '@angular/core'; 
import {bootstrap} from '@angular/platform-browser-dynamic'; 
import {AppComponent} from './app/app.component'; 
import {AppRoutes} from './app/app.routes'; 
import { provideRouter } from '@angular/router'; 
import { XHRBackend } from '@angular/http'; 
import { HTTP_PROVIDERS } from '@angular/http'; 
import { LocationStrategy, 
     HashLocationStrategy } from '@angular/common'; 
import {disableDeprecatedForms, provideForms} from '@angular/forms'; 
import {provide} from '@angular/core'; 

enableProdMode(); 
bootstrap(AppComponent, [ 
    disableDeprecatedForms(), 
    provideForms(), 
    provideRouter(AppRoutes) 
    ,HTTP_PROVIDERS, 
    provide(LocationStrategy, {useClass: HashLocationStrategy}) 

]) 
    .catch(err => console.error(err)); 

Вот моего обновленного main.ts

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 
import {AppModule} from './app/app.module'; 

platformBrowserDynamic().bootstrapModule(AppModule); 

Вот что app.modules.ts

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule } from '@angular/forms'; 
import {HTTP_PROVIDERS} from '@angular/http'; 
import { AppComponent } from './app.component'; 
import { routing } from './app.routes'; 

@NgModule({ 
    imports: [ 
     BrowserModule, 
     FormsModule, 
     routing 
    ], 
    declarations: [ 
     AppComponent 
    ], 
    bootstrap: [ AppComponent] 
}) 
export class AppModule {} 

Как использовать HashLocationStrategy с RC5? Как включить режим производства?

ответ

27

Вы можете использовать ниже,

маршрутизации

export const routing = RouterModule.forRoot(routes, { useHash: true }); 

для включения режима производства, перед загрузкой корня NgModule,

import { enableProdMode } from '@angular/core'; 

if (<condition to enable production mode>) { 
    enableProdMode(); 
} 

Подробнее о LocationStrategy and browser URL styles here.

Надеюсь, что это поможет!

+1

Спасибо. Было ли это документировано где-то на github или на angular.io ?? – user6123723

+2

вы можете прочитать об этом [здесь] (https://angular.io/docs/ts/latest/guide/router.html#!#browser-url-styles) –

+0

Awsome..thanks for sharing – Buminda

Смежные вопросы