Javascript 在angular2中选择多个dom元素

我正在尝试从组件模板中的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>

这里我选择了

，但我想得到

我尝试了querySelectorAll，但没有得到正确的解决方案。

---

有没有一种方法可以使用ElementRef实现这一点，或者我需要采取不同的方法？

querySelectorAll

如下所示：

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

---

我已经找到了一个解决目前这种情况的方法，所以我不再需要它了，但我确信我在不久的将来会需要它，所以我会尝试它，并评论它是否有效。谢谢我不认为这是因为某些原因

querySelector all

不选择任何内容，并且

querySelector

仅选择第一个@ChristofDecraenema。请确保在ngAfterViewInit（）中执行此操作：）

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