Angular打开模态框无法获取焦点 _程序开发

创始人

2024-10-23 20:30:10

0次

在打开模态框的时候，使用Angular自带的ViewChild装饰器获取模态框的DOM元素，然后手动触发该元素的focus事件，即可使模态框获取焦点。

示例代码如下：

HTML模板文件：

组件文件：

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

@Component({ // ... }) export class MyComponent { @ViewChild('modal', { static: false }) modalEl: ElementRef;

openModal() { // 打开模态框 // ...

// 手动触发模态框元素的focus事件
this.modalEl.nativeElement.focus();

} }

3分钟脚本！aapoker a... 3分钟脚本！aapoker ai插件，aapoker脚本怎么用，介绍教程（有挂普及）一、aapoke...

六分钟辅助挂！德普之星的辅助工... 六分钟辅助挂！德普之星的辅助工具介绍，德普之星辅助工具如何设置，2025教程（有挂介绍）德普之星辅助...

6分钟脚本！aapoker怎么... 6分钟脚本！aapoker怎么拿好牌，aapoker怎么拿好牌，透视教程（有挂解密）1、游戏颠覆性的...

1分钟透视！如何下载德普之星辅... 1分钟透视！如何下载德普之星辅助软件（透视）详细辅助器app（有挂攻略）1、这是跨平台的如何下载德普...

1分钟脚本！aapoker真的... 1分钟脚本！aapoker真的假的，aapoker发牌逻辑，wpk教程（有挂教程）；1）aapoke...

两分钟透视！德普之星透视辅助软... 两分钟透视！德普之星透视辅助软件（透视）详细的辅助工具介绍（有挂工具）两分钟透视！德普之星透视辅助软...

透视脚本！aapoker辅助软... 透视脚本！aapoker辅助软件合法吗（透视）详细可以开辅助器辅助工具（有挂技巧）1、完成aapok...

八分钟透视！德普之星透视（透视... 八分钟透视！德普之星透视（透视）详细透视（有挂攻略）1、许多玩家不知道德普之星透视辅助软件怎么退出观...

一分钟脚本！aapoker辅助... 一分钟脚本！aapoker辅助器是真的吗，aapoker辅助工具安全吗，透明教程（有挂科普）1、不需...

十分钟辅助挂！德普之星辅助器，... 十分钟辅助挂！德普之星辅助器，德普之星辅助器怎么用，详细教程（有挂解说）1、点击下载安装，德普之星辅...