typescript 键盘3.ts

Posted 2021-05-20

import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
import { ENTER } from '@angular/cdk/keycodes';

@Component({
 ...
})
export class AppComponent {
  @ViewChildren(ListItemComponent) items: QueryList<ListItemComponent>;
  users = [...]

  private keyManager: ActiveDescendantKeyManager<ListItemComponent>;

  ngAfterViewInit() {
    this.keyManager = new ActiveDescendantKeyManager(this.items).withWrap();
  }

  onKeydown(event) {
    if (event.keyCode === ENTER) {
      this.model = this.keyManager.activeItem.item.name;
    } else {
      this.keyManager.onKeydown(event);
    }
  }
}