javascript - 在angular2中选择多个dom元素

Question

我正在尝试从组件模板中的 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 来实现这一点，还是我需要采用不同的方法？

Answer 1

querySelectorAll 像下面这样应该可以工作，

this.el.nativeElement.querySelectorAll('.js-side-nav-content > li');