带有咏叹调的孩子的嵌套咏叹调标签

Question

我有一个可以切换的按钮。当用户在辅助功能模式下选择按钮时，应读出key1。当他单击按钮时，key2bzw。应该读取key3。

这是我的代码：

<div role="button" [attr.aria-label]="'key1' | translate">
    <div [attr.aria-label]="expression ? ('key2' | translate) : ('key3' | translate)"
         aria-live="polite" aria-relevant="text" (click)="expression = !expression">
    </div>
</div>

我在某些设备上对其进行了测试：

  

MotoG3：完美运行。

     

Nexus 5：完美运行。

     

三星S8：无法单击按钮。 key1起作用。

     

iPhone SE：总是key1出现。即使单击按钮也是如此。

要做这样的事情是否有一般的解决方案或最佳实践？