Angular 将元素的ngClass条件绑定到它'；s父div属性

我的html中有这样的块：

<div #eventOrderHead class="table__cell left clickable nowrap" [appSort]="events" data-order="desc" style="width: 1%;" data-name="order">
                            <span [ngClass]=" <bind to data-order> ? 'whis-sorting sorting-top' : 'whis-sorting sorting-bottom'">
                                №
                                <svg width="8" height="10" viewBox="0 0 8 10" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path class="bottom" fill-rule="evenodd" clip-rule="evenodd" d="M0 6L4 10L8 6" fill="#9F9F9F" />
                                    <path class="top" fill-rule="evenodd" clip-rule="evenodd" d="M8 4L4 -4.29138e-07L0 4" fill="#9F9F9F" />
                                </svg>
                            </span>
                        </div>

№

如何在ngClass条件下绑定到div的数据顺序属性

---

我试图简单地编写“eventOrderHead.data-order=='asc'”，但这导致错误“无法绑定到'data order'，因为它不是'div'的已知属性”

您是否尝试过

eventOrderHead.dataset.order=='asc'

？为什么不直接在

ngClass

条件中使用

desc=“迪斯科？”whis排序顶部“：“whis排序底部”

？