我正在尝试从Angular 4中的服务动态加载一些html。正在加载的html应该具有一些锚点，这些锚点使用ngx-page-scroll的pageScroll指令来 启用平滑滚动到目标：
<a href="#thing" pageScroll>Go to thing</a>
我通过使用ng-dynamic来动态加载此html，如下所示：
<dynamic-html [content]="content"></dynamic-html>
其中content是将来自我的服务的html存储为字符串的字段。
不幸的是，这是行不通的，因为当我单击动态加载的锚点时，该指令不会生效，而我直接跳到了目标。在检查了元素之后，我什至看到“ pageScroll”已经变成了“ pagescroll”，我不确定为什么。
我已经组织了一场闪电战来展示此问题：https://stackblitz.com/edit/dynamic-directive-help
它有一个静态加载的锚，展示了动态加载的锚应具有的预期行为。
我绝对愿意使用各种方法来使其工作，ng-dynamic只是我尝试动态加载内容的最新方式（这似乎也是最容易实现的方式）