hm... aktuell würde das auf sowas hinauslaufen:
.sort-by-asc
{
left: 3px;
display: inline-block;
width: 0;
height: 0;
border: solid 5px transparent;
margin: 4px 4px 0 3px;
background: transparent;
border-bottom: solid 7px #F80;
border-top-width: 0;
}
.sort-by-desc
{
left: 3px;
display: inline-block;
width: 0;
height: 0;
border: solid 5px transparent;
margin: 4px 4px 0 3px;
background: transparent;
border-top: solid 7px #F80;
border-bottom-width: 0;
}
<a class="" id="sort1" (click)='this.sortSort()'>test</a>
count = 0;
sortSort() {
this.count = this.count + 1;
let sortClass = "sort-by-asc";
if( this.count % 2 == 0) {
sortClass = "sort-by-desc";
}
document.getElementById("sort1" ).setAttribute("class", sortClass);
}
damit erzeuge ich sehr viel redundanten code