以一定角度穿过Dom

Question

我是angular的新手，在JavaScript中，我们可以与Dom一起工作，我们可以通过id，类名，标签名来获取元素，并遍历该元素的子代和父代，但是在Angular中，这是另一种方法那？否则我们应该使用JavaScript核心。

Answer 1

您可以更改DOM的角度结构指令：* ngIf，* ngFor，* ngComponentOutlet等。有关示例，请参见文档：https://angular.io/api/common/NgIf您可以从NODE本地参考中获取参考，并且@ViewChild：https://itnext.io/working-with-angular-5-template-reference-variable-e5aa59fb9af

Answer 2

https://angular.io/api/core/ElementRef

ElementRef可以直接访问Angular中的DOM。所用的API是nativeElement，例如：this.elRef.nativeElement（）。但是正如您在官方文档中所见，不建议使用它。首先通过做一些教程来尝试了解角度的​​做事方式。这将帮助您编写更有效，更安全的代码。

希望有帮助！

Answer 3

虽然您可以通过注入ElementRef来访问组件的DOM，但应尽可能避免使用它。在angular中，它提供双向属性绑定和一堆结构指令，例如ngIf，ngFor或ngSwitch，以根据条件和列表项来操作DOM。您可以使用ngClass，ngStyle，[class。]，[attr.width]等语法来添加/删除DOM元素的属性。通常，几乎不需要从组件的.ts文件中直接访问DOM对象。