Angular 5 中动态元素的可访问性

Question

我正在使用键盘访问网站，并且在按下 Tab 时，动态 div（带有 ngIf）条件无法按预期工作。

我确实有动态元素，具有显示一个或另一个的条件，当我专注于特定的 div 元素并单击按钮转到不同的元素时，我的焦点会丢失。

我尝试过提供带有订单的选项卡索引，但没有找到任何运气。

   

<!-- begin snippet: js hide: false console: true babel: false -->

Answer 1

主要问题是动态应用的模板。您正在尝试访问尚未由 Angular 生成的元素。

换句话说，我们无法访问尚未生成的元素。

所以我删除了ng-template并应用了该[hidden]属性。