问题描述
我按照 https://www.grapecity.com/activereportsjs/docs/GettingStarted/QuickStart-ARJS-Designer-Component/QuickStart-Angular 中的说明进行了一些修改,以将 ActiveReportsJS 报表设计器集成到 ASP.NET Boilerplate Angular 应用程序中。
报表设计器集成在src\app\home\home.component.ts和src\app\home\home.component .html 在我的 ASP.NET Boilerplate Angular 应用程序中,HashLocationStrategy 应用于 src\root.module.ts 。
以下是这些文件的截图。
问题是当 HashLocationStrategy 应用于 src\root.module.ts 和我试图进入主页,页面被立即重定向到关于页面。我观察了 URL,发现 URL 从 http://localhost:4200/#/app/home 变为 http://localhost:4200/#,最后变为 http://localhost:4200/#/app/about。我知道这是由于 src\root-routing.module.ts 中的路由设置造成的,但为什么会发生这种情况?主页确实存在,但应用程序甚至无法识别路线。
同时,我测试了以下条件:
- 当我从 src\root.module.ts 中删除 HashLocationStrategy 时,我可以输入可以呈现主页和报表设计器。应用程序没有重定向到关于页面。
- 当我在 src\root.module.ts 中应用 HashLocationStrategy 并删除所有 HTML 代码时从src\app\home\home.component.html,我可以进入主页,它是一个空白页面。应用程序没有重定向到关于页面。
这个问题是报表设计者本身造成的吗?如何使报表设计器在保留 HashLocationStrategy 的同时在页面中成功呈现?任何帮助将不胜感激。
解决方法
问题出在设计器组件上。请更新到 v2.1.1,其中包含对该问题的修复。