Angular-添加赛普拉斯data-cy属性

Question

[昨天我刚开始使用cypress.io和angular，正如文档所说，我正在使用data-cy属性来专门定位元素

<div data-cy="myelement">Hello</div>

cy.get("[data-cy]=myelement")

问题是，如果我想将其绑定，则angular无法识别data-cy属性。>

<div *ngIf="user$ | async as user" [data-cy]="user.name">Online</div> 
我是否必须创建个人指令以动态添加该属性？还是有更好的方法？

[我昨天刚开始使用cypress.io和angular，正如文档所说，我正在使用data-cy属性专门定位元素

Hello cy.get（“ [...] >

[Angular对待data- specially，当您创建指令时可能会遇到麻烦。

您应该改用属性绑定：

[attr.data-cy]="user.name"

Answer 1

[Angular对待data- specially，当您创建指令时可能会遇到麻烦。