2016-08-11 17 views
3

以前のrc.4リリースでは、hashbang#を設定しました。このAngular2 rc.5とhashbang

bootstrap(ApplicationComponent, [.... 
    {provide: LocationStrategy, useClass: HashLocationStrategy}, 
    {provide: APP_BASE_HREF, useValue: '!'} 
]); 

のように見えた今rc.5すべてでリッテビットを変更し、私は#を含む同じアドレスを持ってする方法を見つけるのに苦労しました!

ルックアップの設定については、角度に関するドキュメントはかなり明確ですが、説明ではハッシュバングを少しスキップしています(https://angular.io/docs/ts/latest/guide/router.html)。一人でハッシュを設定することがさらに定義する方法がわから

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

をしませapp.routing.ts rc.5におけるように、同じように行われています「!」 in url in rc 5

どのようにしてどのような形式で適用するべきかわかりません。おそらくboostrap:app.module内の@NgModuleの中にありますが、これまでは動作させていませんでした。提案してください。

答えて

0

あなたはproviders配列

import {ReflectiveInjector} from '@angular/core'; 
import { Http, Response, Request, HTTP_PROVIDERS } from '@angular/http'; 

let injector = ReflectiveInjector.resolveAndCreate(HTTP_PROVIDERS); 
let http = injector.get(Http); 
let authService = new AuthService(new LocalStorage(), http); 

@NgModule({ 
    imports: [ 
    BrowserModule, 
    FormsModule, 
    routing, 

    ], 
    declarations: [ 
    AppComponent, 
    MyComponent, 
    ], 
    bootstrap: [ 
    AppComponent 
    ], 
    providers: [ 
    {provide:AuthService,useValue:authService}, // over here 
    AdminAuthGuard, 
    UserAuthGuard 
    ] 
}) 
+0

でそれを追加することによって、app.module.tsファイルでこのようにそれを行うことができますありがとうございました。私はすでにそれを試したと思ったが、それをもう一度ショットし、すべてが良いです。ありがとう。 –

関連する問題