AngularMaterial的MatDialog无法阅读和聚焦可访问性。
创始人
2024-10-28 09:01:15
0

为了让Angular Material的MatDialog支持可访问性,需要将以下示例代码添加到MatDialog的组件中:

import { Component, OnInit, Inject, ViewChild, AfterViewInit } from '@angular/core';
import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';

@Component({
  selector: 'app-example-dialog',
  templateUrl: './example-dialog.component.html',
  styleUrls: ['./example-dialog.component.scss']
})
export class ExampleDialogComponent implements OnInit, AfterViewInit {

  @ViewChild('dialogTitle') dialogTitle: any;

  constructor(
    public dialogRef: MatDialogRef,
    @Inject(MAT_DIALOG_DATA) public data: any
  ) { }

  ngOnInit() {
  }

  ngAfterViewInit() {
    this.dialogRef.afterOpened().subscribe(_ => {
      this.dialogTitle.nativeElement.focus();
    });
  }

}

在上面的代码中,我们可以看到:

  • 通过ViewChild引用对话框标题。
  • 在ngAfterViewInit生命周期钩子函数中,使用afterOpened()方法订阅对话框打开事件。
  • 在事件中,通过nativeElement获取对话框标题,并在其上聚焦以支持可访问性。

在以上示例代码中,我们可以根据自己的需求进行一些更改以适应我们的应用程序。

相关内容

热门资讯

推荐十款!天天贵阳游戏辅助,h... 推荐十款!天天贵阳游戏辅助,hhpoker是正品吗,AI教程(有挂神器);推荐十款!天天贵阳游戏辅助...
科技揭秘!九酷众娱辅助,德州透... 您好,九酷众娱辅助这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩家在这款...
总算了解!博乐填大坑有没有bu... 总算了解!博乐填大坑有没有buff,约局吧怎么看有没有挂,辅助教程(有挂猫腻)是一款可以让一直输的玩...
一分钟教你!新超凡大厅辅助,h... 一分钟教你!新超凡大厅辅助,hhpoker可以控制吗,2025教程(有挂功能);是一款可以让一直输的...
一分钟教会你!四川游戏家园通用... 您好,四川游戏家园通用辅助这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩...
推荐攻略!洞庭茶苑辅助,哈糖大... 您好,哈糖大菠萝免费辅助器这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】很多玩...
发现一款!博乐填大坑有没有bu... 发现一款!博乐填大坑有没有buff,约局吧怎么看有没有挂,wpk教程(真是有挂);博乐填大坑有没有b...
教学盘点!广西老友玩友破解,w... 教学盘点!广西老友玩友破解,wpk真吗,2025新版技巧(竟然有挂);广西老友玩友破解软件透明挂是一...
今日公布!芒果辅助器,wepo... 今日公布!芒果辅助器,wepoker高级辅助,靠谱教程(有挂细节);芒果辅助器软件透明挂是一个全新上...
最新技巧!同乡游有辅助软件码,... 最新技巧!同乡游有辅助软件码,newpoker脚本,必备教程(有挂详情)是一款可以让一直输的玩家,快...