Aurelia.js中的if和else

Question

How can I insert in the DOM a css class using aurelia.js?

If my <th> has the class="aut-asc" or class="aut-asc" , I would like to add a extra class called: global

aut-asc is added when it is clicked, fine but the thing is I need the th who has this class has red background.

now the background it is just in the arrow.

 .aut-desc:before{
        content: $fa-var-sort;
        background-color: red;
    }

if not don't do anything.

<thead>
  <tr>
    <th class="aut-asc">
      Sort
    </th>
  </tr>
</thead>

Answer 1

您可以使用字符串插值来切换在变量中添加和删除css类：

 <th class="aut-asc ${toggleVariable ? 'global' : ''}">