Angular 如何在组件HTML中获取属性值？

我有一个表，单击该表我进行排序。我将指令附加到该表，并在单击时动态更改属性

data order=“desc”

，以便它可以是

asc

或

desc

。它在单击表头时更改

名字

现在我想在我的桌子上显示箭头-当它上升时，我想显示箭头向上的字体图标。当

数据顺序

更改为

desc

时，我想显示向下箭头的字体图标

但是当我试着举个例子

名字

它不起作用

---

如何在我的

ngIf

指令中获取

数据顺序的值？
在指令中，您可以指示“exportAs”，请参见例如

所以如果你的指令是

@Directive({
 selector: '[appSort]',
 exportAs: 'appSort' //<--add this line
})
....
//I imagine you has a variable sortDirection
sortDirection:string=null;

注意：我更喜欢用ngClass来代替two*ngIf

        <i [ngClass]="colFirstName.sortDirection=='asc'?'fas fa-arrow-up':
                      colFirstName.sortDirection=='desc'?'fas fa-arrow-down':null"></i>


请检查以下内容：。查看是否可以将模板变量分配给
th
，然后查看是否可以访问其属性并在
*ngIf
中引用它。为什么不使用css旋转箭头来解决此问题？您可以使用这些选择器：th[data order='desc']i谢谢您。它正在工作。我很高兴我会接受你的回答。顺便问一下，我如何删除前面的箭头-例如，我点击名字我得到向上箭头，之后我点击姓氏我也到那里向上箭头，但我需要“删除”前面的第一个名字上的标记箭头column@Petar，我不知道你的指示，如果未选择排序方向，请检查更改的值和变量
        <i [ngClass]="colFirstName.sortDirection=='asc'?'fas fa-arrow-up':
                      colFirstName.sortDirection=='desc'?'fas fa-arrow-down':null"></i>