2017-06-29 11 views
2

aurelia.jsを使用してDOMにcssクラスを挿入するにはどうすればよいですか?ifとelse in Aurelia.js

<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> 
+2

どのようにあなたが ''クラス= "AUT-ASC" を追加していますか?あなたは 'global 'を同時に追加できませんか? –

+0

私の質問を編集しました。ありがとうございます – Raduken

+1

...クリックしたときに 'global'を追加してみませんか? –

答えて

3

あなたは、文字列の補間を使用して変数からCSSクラスの追加と削除を切り替えることができます。

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