javascript - queryselector 的 Angular 通用替代品

Question

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

Answer 1

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

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

对于结构指令，另见

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