我正在拼命寻找在 Angular 8 应用程序中将焦点陷阱添加到模态框的最佳方法。我偶然发现了 Angular Material CDK,并仅为 A11y 辅助工具安装了它,但我不知道如何导入和使用FocusTrap或FocusTrapFactory.
如果我尝试添加到 mydeclarations或importsarray 中,@NgModule则会出现错误。将它们安装在 中providers没有任何作用。我在文档中没有看到任何关于如何专门使用这些工具的内容。我有cdkTrapFocus、cdkFocusRegionStart、 cdkFocusInitial以及cdkFocusRegionEnd模态中的所有设置进行测试。我尝试过只拉FocusTrap入FocusTrapFactory我的组件,但仍然一无所获。
https://v8.material.angular.io/cdk/a11y/overview#focuskeymanager
有没有人成功地让这个工作?如果我必须使用 Material UI 工具来使其正常工作,我将需要找到另一个解决方案来将焦点捕获在我的模态中。
我的模态组件是一个简单的包装器,我通过服务的 ID 打开和关闭。它基本上就像: https: //jasonwatmore.com/post/2019/07/12/angular-8-custom-modal-window-dialog-box