Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了哈希位置策略不起作用 – Angular 4 – NgxChartsModule打破了哈希位置策略大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在开发一个Angular 4应用程序.我打算使用HashLOCATIOnStrategy但它不起作用(#没有出现在URL中).以下是我的应用程序路由模块:

import { NgModule } from '@angular/core';
import { RouterModule,Routes } from '@angular/router';

import { DashboardPage } from './dashboard-page/component';
import { AccountPage } from './acct-page/component';

const appRoutes: Routes = [
    { path: 'dashboard',component: DashboardPage },{ path: 'accounts/:number',component: AccountPagE},{ path: '',redirectTo: '/dashboard',pathMatch: 'full' },];

@NgModule({
    imports: [RouterModule.forRoot(appRoutes,{ enableTracing: false,useHash: true })],exports: [RouterModule],providers: []
})
export class AppRoutIngModule { }

以下是我的app.module.ts:

import { BrowserModule } from '@angular/platform-browser';
import { RouterModule,Routes } from '@angular/router';
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common'
import { FormsModule,ReactiveFormsModule } from '@angular/forms';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { httpClientModule } from '@angular/common/http';
import { NgxChartsModule } from '@swimlane/ngx-charts';
import { DataTableModule } from "angular2-datatable";
import {  
  MatToolbarModule,MatToolbarRow,MatIconModule,MatSidenavModule,MatListModule,MatButtonModule,MatCardModule,MatMenuModule,MatGridListModule,MaTinputModule,MatDatepickerModule,MatNativeDateModule,MatTableModule,MatTabsModule,Matcheck@L_926_1@module
} from '@angular/material';
import { MatSELEctModule } from '@angular/material/SELEct';
import {MatExpansionModulE} from '@angular/material/expansion';

import { AppComponent } from './app-component/app.component';
import { AppRoutIngModule } from './app-routIng.module';

import { DashboardPage } from './dashboard-page/component';
import { AccountPage } from './acct-page/component';


@NgModule({
    declarations: [
        AppComponent,DashboardPage,BreadcrumbComponent,AccountPage
    ],imports: [
        AppRoutIngModule,RouterModule,BrowserModule,httpClientModule,BrowserAnimationsModule,MatToolbarModule,CommonModule,DataTableModule,FormsModule,ReactiveFormsModule,MatExpansionModule,Matcheck@L_926_1@module,MatSELEctModule,NgxChartsModule
    ],providers: [],bootstrap: [AppComponent],entryComponents: [XMLContentDialog]
})
export class AppModule {
}

我使用了RouterModule.forRoot(appRoutes,{enableTracing:false,useHash:truE})来启用哈希位置策略,但它不起作用.我在这里错过了什么吗?

[编辑]

更新了“标题”以反映根本原因

解决方法

事实证明,只有在包含导入RouterModule的App的RoutIngModule之后包含NgxChartsModule时才会出现此行为.一旦我在AppRoutIngModule之前移动了NgxChartsModule的导入,它似乎工作正常!

[信用证] https://github.com/swimlane/ngx-charts/issues/601

大佬总结

以上是大佬教程为你收集整理的哈希位置策略不起作用 – Angular 4 – NgxChartsModule打破了哈希位置策略全部内容,希望文章能够帮你解决哈希位置策略不起作用 – Angular 4 – NgxChartsModule打破了哈希位置策略所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。