Angular2,链接不使用延迟加载的模块,但工作在页面刷新

时间:2017-01-09 13:03:32

标签: javascript html angularjs

我使用Angular2构建了Angular-CLI项目。我正在使用延迟加载模块,我猜这会导致我的问题。

在浏览器上加载Module A项目后,点击导航链接加载Module B(延迟加载),然后点击简单链接,即。

<a href="http://google.com" target="_blank">Click me</a> 

它不起作用,没有任何反应,但当我在Module B上刷新页面时,相同的链接开始工作。

有没有人知道为什么会这样?

我检查了网络选项卡,在这两种情况下,所有请求看起来都是一样的,唯一的区别是当模块页面之间的切换正在加载整个应用程序Module A,然后只需要加载Module B的文件。

我知道这不是一个非常详细的描述,但现在我不知道该说些什么。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

最后,我找到了解决方案。问题是我如何在角度模板中插入HTML块。 在我使用[innerHTML]="fullDescription"属性之前阻止点击链接。

<div innerHTML="{{fullDescription}}"></div>

此外,我不得不从bypassSecurityTrustHtml中省略DomSanitizer

希望这会对某人有所帮助。