哈希位置策略不起作用 – Angular 4 – NgxChartsModule打破了哈
发布时间:2020-12-17 18:01:54 所属栏目:安全 来源:网络整理
导读:我正在开发一个Angular 4应用程序.我打算使用HashLocationStrategy但它不起作用(#没有出现在URL中).以下是我的应用程序路由模块: import { NgModule } from '@angular/core';import { RouterModule,Routes } from '@angular/router';import { DashboardPage
我正在开发一个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,MatCheckboxModule } 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,MatCheckboxModule,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 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
推荐文章
站长推荐
- bootstrap-响应式导航条
- 为什么bash有时不会将python程序的输出刷新到文件
- angular – 如何停止mat-autocomplete以获取除给
- Free Geocoding Webservice 免费 邮编 转 经纬度
- scala – 什么是在akka流中过滤掉左边的惯用方法
- jmeter常用四种断言
- twitter-bootstrap – Bootstrap模式上的Jquery验
- Angular5:动态组件加载 – 具有@ angular/core依
- angularjs – 如果缺少,则在配置阶段添加哈希前缀
- angularjs – Angular2 @ angular / router 3.0.
热点阅读