我正在尝试从组件模板中的 ul 获取多个 li。 对于一个元素,我可以使用 ElementRef.nativeElement.querySelector('selector'),但如果我想定位具有特定类的多个元素,我就会遇到麻烦。
我的模板:
<ul class="js-side-nav-content side-nav__content">
<li routerLink="/home">Home</li>
<li routerLink="/create">Create</li>
<li routerLink="/office">Office</li>
</ul>
组件代码:
sideNavContentEl: HTMLElement;
constructor(private el: ElementRef) {}
this.sideNavContentEl = this.el.nativeElement.querySelector('.js-side-nav-content');
这里我选择<ul>
但我想得到 <li>
的。
我尝试过 querySelectorAll 但没有得到正确的解决方案。 有没有办法使用 ElementRef 来实现此目的,还是我需要采取不同的方法?
最佳答案
querySelectorAll
像下面这样应该可以工作,
this.el.nativeElement.querySelectorAll('.js-side-nav-content > li');
关于javascript - 选择angular2中的多个dom元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39895186/