AngularngbDropdown:键盘导航不起作用
创始人
2024-10-28 16:30:24
0

要使Angular ngbDropdown的键盘导航正常工作,你需要在templateRef和ngbDropdown实例之间使用ng-container指令来设置tabindex,然后使用@ViewChild装饰器引用ngbDropdown指令,最后在NgAfterViewInit生命周期钩子中调用dropdown.focusFirst()方法即可。

HTML模板:


  



组件类:

import { Component, ViewChild, AfterViewInit } from '@angular/core';
import { NgbDropdown } from '@ng-bootstrap/ng-bootstrap';

@Component({
  selector: 'app-dropdown-example',
  templateUrl: './dropdown-example.component.html'
})
export class DropdownExampleComponent implements AfterViewInit {
  dropdownItems = [
    'Action',
    'Another action',
    'Something else is here'
  ];

  @ViewChild('myDrop', { static: false }) dropdown: NgbDropdown;

  ngAfterViewInit() {
    this.dropdown.focusFirst();
  }
}

相关内容

热门资讯

据目击者称!wepoker私人... 据目击者称!wepoker私人局辅助挂,智星德州插件2024最新版,好像确实有挂(讲解有挂)智星德州...
今天上午!pokerworld... 今天上午!pokerworld修改器,德扑圈透视,竟然真的是有挂(真实有挂)在进入德扑圈透视软件靠谱...
今天下午!hhpkoer辅助器... 今天下午!hhpkoer辅助器视频,德普之星透视辅助,确实是有挂(有挂规律)该软件可以轻松地帮助玩家...
代打辅助挂!哈糖大菠萝有挂吗5... 代打辅助挂!哈糖大菠萝有挂吗5个常用方法,德扑之星透视辅助软件激活码,总是是真的有挂(真的有挂)进入...
围绕透视问题!we poker... 围绕透视问题!we poker辅助器v3.3,德普之星透视辅助软件,竟然是真的有挂(有挂秘笈)1、下...
黑科技技巧!wepoker透视... 黑科技技巧!wepoker透视脚本安卓,德普之星透视辅助,真是真的是有挂(有挂教学)运德普之星透视辅...
无独有偶!hhpoker软件靠... 无独有偶!hhpoker软件靠谱吗,德普之星辅助软件,都是存在有挂(有挂透明挂)1、超多福利:超高返...
推出新举措!wejoker私人... 推出新举措!wejoker私人辅助软件,德扑之心免费透视,竟然是真的有挂(有挂分析)所有人都在同一条...
目前来看!epoker透视,智... 目前来看!epoker透视,智星菠萝有挂吗,确实是真的有挂(有挂方式)1、智星菠萝有挂吗免费脚本咨询...
2026版软件!wepoker... 2026版软件!wepoker插件功能辅助器,德扑之星有透视辅助吗,都是确实有挂(有挂存在)1、下载...