时间戳

首页 > 解决方案 > ActiveReportsJS 报表设计器组件受 ASP.NET 样板 Angular 应用程序中的 HashLocationStrategy 影响

aspnetboilerplate - ActiveReportsJS 报表设计器组件受 ASP.NET 样板 Angular 应用程序中的 HashLocationStrategy 影响

问题描述

我按照https://www.grapecity.com/activereportsjs/docs/GettingStarted/QuickStart-ARJS-Designer-Component/QuickStart-Angular中的说明进行了一些修改以将 ActiveReportsJS 报表设计器集成到 ASP.NET 样板 Angular 应用程序中.

报表设计器集成在我的 ASP.NET Boilerplate Angular Application的src\app\home\home.component.ts和src\app\home\home.component.html中， HashLocationStrategy应用在src\root.module.ts中。

以下是这些文件的屏幕截图。

home.component.html

home.component.ts

根模块.ts

根路由.module.ts

问题是当在src\root.module.ts中应用了HashLocationStrategy并且我尝试进入主页时，页面立即重定向到 about 页面。我观察了URL，发现URL从http://localhost:4200/#/app/home变成了http://localhost:4200/#，最后变成了http://localhost:4200/#/app/关于. 我知道这是由于src\root-routing.module.ts中的路由设置，但为什么会这样呢？主页实际上在那里，但应用程序甚至无法识别路线。

同时，我测试了以下条件：

  1. 当我从src\root.module.ts中删除HashLocationStrategy时，我可以进入主页并可以呈现报表设计器。应用程序没有重定向到关于页面。
  2. 当我在src\root.module.ts中应用HashLocationStrategy并从src\app\home\home.component.html中删除所有 HTML 代码时，我可以进入主页，它是一个空白页面。应用程序没有重定向到关于页面。

这个问题是不是报表设计器本身造成的？如何使报表设计器在保留HashLocationStrategy的同时在页面中成功呈现？任何帮助，将不胜感激。

标签： aspnetboilerplateactivereportshash-location-strategy

解决方案

问题出在设计器组件上。请更新到 v2.1.1，其中包含对该问题的修复。

推荐阅读