问题描述
我有一个带有文本的按钮,该按钮偶尔会通过 Angular 的字符串插值进行更改。它可以很好地呈现在屏幕上,但是当我用 JAW 选项卡在它上面时,它通常会读出旧版本的文本(无论它在最后更改之前说了什么)
例如。 <button (click)="addUser()" mat-flat-button color="primary"> Add {{ this.users.length }} {{ this.type === 'test' ? 'first type' : 'second type' }}</button>
有其他人遇到过这种情况吗?
解决方法
我可能已经想通了,虽然这不是我想要的答案。
我在按钮中添加了一个 [attr.aria-label],其文本与按钮中的文本完全相同,并且似乎可以正常工作。所以我有一个修复,但我仍然不知道为什么会发生这种情况。
例如