查询选择器的角度通用替代

Question

目前支持angular 2.0的所有插件似乎都不支持Angular Universal。它显示由于直接DOM访问而导致的错误。我想以角度2方式更改DOM访问代码。任何人都可以为窗口，文档queryselector()，querySelectorAll()，document.getElementsByTagname()，getElementsByClassName()等建议角度2方式。

Answer 1

首先，在Angular2中不鼓励直接访问DOM。您应该更喜欢使用*ngFor和自定义结构指令等指令来更新DOM。

您可以使用angular 2 / typescript : get hold of an element in the template中提到的方法之一来获取元素并使用Renderer提供的内容来修改DOM而不会破坏Universal。

对于结构指令，另见

• https://angular.io/docs/dart/latest/guide/structural-directives.html