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

} }

黑科技挂(wpk ai辅助)w... 黑科技挂(wpk ai辅助)wpkai机器人(wPk)一贯有挂(有挂辅助)-哔哩哔哩1、每一步都需要...

黑科技好友房(wpk最新黑科技... 黑科技好友房(wpk最新黑科技)wpk辅助器是真是假(WpK)果然真的是有挂(有挂分享)-哔哩哔哩1...

黑科技真的(wpk ai辅助)... 黑科技真的(wpk ai辅助)wpk辅助器是真是假(wPk)确实存在有挂(有挂总结)-哔哩哔哩1、玩...

黑科技辅助(wpk ai辅助)... 黑科技辅助(wpk ai辅助)wpk代打是真的吗(wpK)都是是有挂(有挂秘籍)-哔哩哔哩1、这是跨...

黑科技安装(wpk ai辅助)... 黑科技安装(wpk ai辅助)wpk脚本(wpK)切实真的有挂(有挂猫腻)-哔哩哔哩1、任何wpk ...

黑科技辅助(wpk ai辅助)... 黑科技辅助(wpk ai辅助)wpk数据透视(WpK)本来是有挂(今日头条)-哔哩哔哩1、实时wpk...

黑科技游戏(wpk最新黑科技)... 黑科技游戏(wpk最新黑科技)wpk有透视外挂吗(wpK)真是是有挂(真实有挂)-哔哩哔哩；1、构建...

黑科技真的(wpk ai辅助)... 黑科技真的(wpk ai辅助)wpk辅助器是真的假的(wpK)果然真的有挂(有挂方略)-哔哩哔哩；1...

黑科技实锤(wpk最新黑科技)... 黑科技实锤(wpk最新黑科技)Wpk辅助器(wpK)原来真的是有挂(确实有挂)-哔哩哔哩暗藏猫腻，小...

黑科技脚本(wpk最新黑科技)... 黑科技脚本(wpk最新黑科技)wpk德州ai辅助神器(WpK)确实是真的有挂(有挂讲解)-哔哩哔哩1...