2017-06-29 144 views
2

如何使用aurelia.js在DOM中插入一個css類?if and 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

所以...爲什麼不單擊時添加'全球'? –

回答

3

您可以切換使用字符串插值從一個變量添加和刪除一個CSS類:

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