javascript - Aurelia.js 中的 if 和 else

Question

如何使用 aurelia.js 在 DOM 中插入一个 css 类？

如果我的<th>有 class="aut-asc"或 class="aut-asc" ，我想添加一个额外的类:global

点击时会添加 aut-asc，很好，但问题是我需要有这个类的人有红色背景。

现在背景就在箭头中。

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

如果不是什么都不做。

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

Answer 1

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

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