обход дома в angular

Question

Я новичок в angular, в JavaScript, мы можем отлично работать с Dom, мы можем получить элемент по id, имени класса, имени тега и перемещаться по дочерним элементам и родителям элемента, но в Angular это другой способ сделать это? или мы должны использовать JavaScript core.

Answer 1

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

ElementRef предоставляет прямой доступ к DOM в angular. Используемый API является nativeElement для ex: this.elRef.nativeElement (). Но, как вы можете видеть в официальных документах, его крайне не рекомендуется использовать. Попытайтесь понять способ angular, сначала сделав несколько уроков. Это поможет вам написать более эффективный и безопасный код.

Надеюсь, это поможет!

Answer 2

Хотя вы можете получить доступ к DOM компонента, введя ElementRef, вам следует избегать его в максимально возможной степени. В angular он обеспечивает двустороннюю привязку свойств и набор структурных директив, таких как ngIf, ngFor или ngSwitch, для управления DOM на основе условий и элементов списка. Вы можете использовать ngClass, ngStyle, [class.], [Attr.width] et c. синтаксис для добавления / удаления атрибутов элемента DOM. В общем, вам вряд ли понадобится прямой доступ к объектам DOM из файла .ts вашего компонента.

Answer 3

Вы можете изменить DOM со структурными директивами angular: * ngIf, * ngFor, * ngComponentOutlet et c. см. документацию с примерами: https://angular.io/api/common/NgIf Вы можете получить ссылку на локальный справочник NODE и @ViewChild: https://itnext.io/working-with-angular-5-template-reference-variable-e5aa59fb9af