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

Question

I followed the instruction in https://www.grapecity.com/activereportsjs/docs/GettingStarted/QuickStart-ARJS-Designer-Component/QuickStart-Angular and made some modifications to integrate the ActiveReportsJS Report Designer in the ASP.NET Boilerplate Angular Application.

The report designer is integrated in src\app\home\home.component.ts and src\app\home\home.component.html in my ASP.NET Boilerplate Angular Application and HashLocationStrategy is applied in src\root.module.ts .

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

home.component.html

home.component.ts

根模块.ts

根路由.module.ts

问题是当在src\root.module.ts中应用了 HashLocationStrategy 并且我尝试进入主页时，页面立即重定向到 about 页面。 I observed the URL and found out that the URL changed from http://localhost:4200/#/app/home to http://localhost:4200/# and finally to 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的同时在页面中成功呈现？ 任何帮助，将不胜感激。

Answer 1

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