我有一个角度应用程序使用带有 HashLocationStrategy 的路由,我需要在主 html 文件中设置不同的值并在路由中设置不同的值。
我尝试了这个解决方案:
@NgModule({
imports: [
BrowserModule,
FormsModule,
HttpModule,
MyRouting // with useHash set to true
],
declarations: [
AppComponent,
],
providers: [
{ provide: APP_BASE_HREF, useValue: '/prefix' }
],
bootstrap: [AppComponent]
})
export class AppModule { }
工作得很好,但值“/前缀”是在哈希之后插入的,如下所示:
http://myapp.com/#/prefix/home
而我想要:
http://myapp.com/prefix/#/home
为了清楚起见,我的基本标签是:
<base href="/">
我遇到了同样的问题并用我自己的 HashLocationStrategy 子类修复了它
import { Injectable } from '@angular/core';
import { HashLocationStrategy } from '@angular/common';
@Injectable()
export class CustomLocationStrategy extends HashLocationStrategy {
prepareExternalUrl(internal: string): string {
return this.getBaseHref() + '#' + internal;
}
}
然后在我的模块中使用它
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { LocationStrategy } from '@angular/common';
import { APP_BASE_HREF } from '@angular/common';
import { CustomLocationStrategy } from './app.common';
const appRoutes: Routes = [...];
@NgModule({
imports: [
RouterModule.forRoot(appRoutes, { useHash: true })
],
providers: [
{ provide: APP_BASE_HREF, useValue: window.location.pathname },
{ provide: LocationStrategy, useClass: CustomLocationStrategy },
]
})
export class AppModule {
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)