Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/458.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在angular5中使用纯JavaScript_Javascript_Angular_Coding Style - Fatal编程技术网

在angular5中使用纯JavaScript

在angular5中使用纯JavaScript,javascript,angular,coding-style,Javascript,Angular,Coding Style,在angular5项目中使用普通JavaScript(语法如getDocumentById)是不是一种好的编码实践,或者我们应该使用ElementRef,TemplateRef,ContainerRef来引用DOM元素而不是普通JavaScript。使用框架,除非别无选择,否则不要直接访问DOM(这就是您所说的“纯JavaScript”)。(或者根本不使用框架。) 但请注意以下警告: 允许直接访问DOM会使应用程序更容易受到XSS攻击。仔细检查代码中使用的ElementRef。有关更多详细信息,

angular5项目中使用普通JavaScript(语法如
getDocumentById
)是不是一种好的编码实践,或者我们应该使用
ElementRef
TemplateRef
ContainerRef
来引用
DOM
元素而不是普通JavaScript。

使用框架,除非别无选择,否则不要直接访问DOM(这就是您所说的“纯JavaScript”)。(或者根本不使用框架。)

但请注意以下警告:

允许直接访问DOM会使应用程序更容易受到XSS攻击。仔细检查代码中使用的
ElementRef
。有关更多详细信息,请参见

如果您可以避免使用
ElementRef
(不直接访问DOM),那可能是最好的

不鼓励直接使用DOM元素操作。 博客解释了为什么应该避免

google最近一次更新Angular 6后,他们开始转向dom层次结构树,这将有助于开发人员社区不再担心实际的dom元素操作