在 angular5 中使用純 JavaScript

Question

在angular5項目中使用純JavaScript（類似於getDocumentById語法）是一種良好的編碼習慣，或者我們應該使用ElementRef 、 TemplateRef 、 ContainerRef來引用DOM元素而不是ElementRef JavaScript。

Answer 1

不鼓勵直接使用 DOM 元素操作。 這個博客解釋了為什么應該避免它

隨着谷歌的 Angular 6 最后一次更新，他們已經開始轉向shadow dom和 dom 層次樹，這將幫助開發社區不用擔心實際的 dom 元素操作

Answer 2

使用框架，除非別無選擇，否則不要直接使用 DOM（這就是“純 JavaScript”的意思）。 （或者根本不使用框架。）

但請注意ElementRef文檔中的警告：

允許直接訪問 DOM 會使您的應用程序更容易受到 XSS 攻擊。 仔細檢查代碼中對ElementRef任何使用。 有關更多詳細信息，請參閱安全指南。

如果您可以避免使用ElementRef （無需直接訪問 DOM），那可能是最好的。