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

Question

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

报表设计器集成在src\app\home\home.component.ts和src\app\home\home.component.html 在我的 ASP.NET 样板 Angular 应用程序和 HashLocationStrategy 应用于src\root.module.ts.

以下是这些文件的截图。

home.component.html

home.component.ts

root.module.ts

root-routing.module.ts

问题是当 HashLocationStrategy 应用于 src\root .module.ts 我尝试进入主页，页面立即重定向到关于页面。我观察了 URL，发现 URL 由 http://localhost:4200/#/app/home to http://localhost:4200/# and finally to http://localhost:4200/#/app/about 改变了。我知道这是由于 src\root-routing.module.ts 中的路由设置，但为什么会这样？首页其实是有的，但是应用连路由都认不出来

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

1. 当我从 src\root 中删除 HashLocationStrategy 时。module.ts，我可以进入首页，报表设计器可以渲染了。应用程序没有重定向到关于页面。
2. 当我在 src\root.[=108 中应用 HashLocationStrategy 时=] 并从 src\app\home\home.component.html[ 中删除所有 HTML 代码=68=]，我能进入首页，是空白页。应用程序没有重定向到关于页面。

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

Answer 1

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