NVDA未宣布展开状态

问题描述

我面临咏叹调扩展的问题。复制下面的代码。

<table>
    <thead>
        <tr>
            <th>Name</th>
            <th>Details</th>
        </tr>
    </thead>
    <tbody>
        <ng-container *ngFor="let data of details; let i = index;">
            <tr>
                <td>{{data.name}}</td>
                <td>
                    <button 
                        aria-expanded="false"
                        data-toggle="collapse" 
                        attr.data-target="#{{getId(i)}}" 
                        attr.aria-controls="{{getId(i)}}"
                        (click)="addExpandClass()">
                    </button>
                </td>
            </tr>
            <tr attr.id="{{getId(i)}}" role="presentation">
                <td colspan="2">data</td>
            </tr>
        </ng-container>
    </tbody>
</table>

addExpandClass() =>添加或删除“展开” css类。

问题：NVDA读取器不是第一次宣布“展开”状态。从第二次开始一切都很好。有人可以帮我吗？

注意：如果我删除添加逻辑或删除css类的逻辑，则说明一切正常。

感谢您的帮助

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）