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();
  }
}

相关内容

热门资讯

2分钟细说!宝宝浙江开挂功能a... 2分钟细说!宝宝浙江开挂功能app,宝宝浙江都是是有开挂app(有辅助挂教学)小薇(辅助器软件下载)...
揭秘关于!棋牌游辅助功能攻略,... 揭秘关于!棋牌游辅助功能攻略,棋牌游竟然真的有辅助攻略(有辅助挂攻略)1.棋牌游 选牌创建新账号,点...
实测揭晓!七月游戏透视功能ap... 实测揭晓!七月游戏透视功能app,七月游戏确实是有透视app(有辅助挂猫腻)1、完成七月游戏辅助器v...
玩家必看科普!如意棋牌辅助器功... 玩家必看科普!如意棋牌辅助器功能工具,如意棋牌其实是真的有辅助器工具(有辅助挂详细)如意棋牌能透视中...
最新技巧!鼎盛棋牌开挂功能插件... 最新技巧!鼎盛棋牌开挂功能插件,鼎盛棋牌总是是有开挂插件(有辅助挂神器)1、在鼎盛棋牌插件功能辅助器...
揭秘一下!微友约局开挂功能教程... 揭秘一下!微友约局开挂功能教程,微友约局总是有开挂教程(真实有辅助挂)1、揭秘一下!微友约局开挂功能...
科技通报!1973棋牌辅助功能... 科技通报!1973棋牌辅助功能脚本,1973棋牌好像真的是有辅助脚本(有辅助挂教学)1、实时1973...
一分钟了解!宝宝浙江麻将透视功... 一分钟了解!宝宝浙江麻将透视功能插件,宝宝浙江麻将确实存在有透视插件(今日头条辅助)1、完成宝宝浙江...
解密关于!瓜瓜丰城麻将辅助功能... 解密关于!瓜瓜丰城麻将辅助功能插件,瓜瓜丰城麻将切实真的是有辅助插件(有辅助挂透视)1、完成瓜瓜丰城...
免费测试版!传送屋辅助器功能攻... 免费测试版!传送屋辅助器功能攻略,传送屋一直真的有辅助器攻略(有辅助挂猫腻)1、传送屋辅助器安装包、...