Item 1
  
Item 2
  
Item 3

在上面的代码中，我们使用tabindex属性为

然后，在组件的代码中，我们可以使用以下方法来处理键盘事件，以实现在

import { Component, HostListener } from '@angular/core';

@Component({
  selector: 'app-navigation',
  templateUrl: './navigation.component.html',
  styleUrls: ['./navigation.component.css']
})
export class NavigationComponent {
  @HostListener('document:keydown', ['$event'])
  onKeyDown(event: KeyboardEvent) {
    if (event.key === 'Tab') {
      event.preventDefault();
      const focusedElement = document.activeElement as HTMLElement;
      const liElements = Array.from(document.querySelectorAll('li'));

      let currentIndex = liElements.indexOf(focusedElement);
      if (currentIndex !== -1) {
        if (event.shiftKey) {
          currentIndex = (currentIndex - 1 + liElements.length) % liElements.length;
        } else {
          currentIndex = (currentIndex + 1) % liElements.length;
        }

        liElements[currentIndex].focus();
      }
    }
  }
}

在上面的代码中，我们使用@HostListener装饰器和document:keydown事件来监听整个文档的键盘事件。然后，在onKeyDown方法中，我们首先检查按下的键是否是Tab键，如果是，则阻止默认行为。

接下来，我们获取当前焦点元素并获取所有

最后，我们使用focus()方法将焦点设置到下一个或上一个

这样，当用户按下Tab键时，焦点将在