javascript - Vybrat více DOM elementů v Angular2

Snažím se získat více li z ul v šabloně komponenty. Pro jeden prvek mohu použít ElementRef.nativeElement.querySelector('selector'), ale mám problém, pokud chci cílit na více prvků, které mají konkrétní třídu.

můj šablona:

  <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>

Kód komponenty:

sideNavContentEl: HTMLElement;
constructor(private el: ElementRef) {}
this.sideNavContentEl = this.el.nativeElement.querySelector('.js-side-nav-content');

Zde vybírám <ul>, ale chtěl bych získat <li>.

Zkoušel jsem querySelectorAll, ale nedostávám správné řešení. Je nějaký způsob, jak toho dosáhnout pomocí ElementRef, nebo musím zvolit jiný přístup?

Odpověď č. 1

querySelectorAll jako následující by mělo fungovat,

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