Angular 查询选择器的通用替代品

Question

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

Answer 1

首先，Angular2 不鼓励直接访问 DOM。您应该更喜欢使用诸如*ngFor自定义结构指令之类的指令来更新 DOM。

您可以使用 angular 2 / typescript 中提到的方法之一：获取模板中的元素来获取元素并使用渲染器提供的内容来修改 DOM，而不会破坏 Universal。

对于结构指令，另请参阅

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