Go through the list with the keyboard

<mat-list>
  <div *ngFor="let days of detailedTime">
    <div id="days" ><mat-list-item>{{days.day}}</mat-list-item></div>
      <mat-list role="list" >
        <div *ngFor="let hour of days.hours">
          <div id="hour"><mat-list-item role="listitem">{{ hour.hour }} hs</mat-list-item></div>
               <mat-list role="list">
                   <div *ngFor="let minute of hour.minutes">
                     <div id="minute"><mat-list-item role="listitem">{{ minute.minute }} '</mat-list-item></div>
                   </div>
               </mat-list>
        </div>
      </mat-list>
  </div>
</mat-list>

Good, I'm working with angle 2, and when I make the list I want to use the keyboard (arrow key up and arrow down) to scroll through the lists. Try several properties but I did not find any. How can this be done?