2016-07-08 76 views
1

有沒有一種方法來設置標籤內的類取決於其屬性? 目前我正在建立一個樹視圖,並且想要設置取決於樹的glypicon箭頭是否打開。 我真的使用引導崩潰這樣的語法是這樣的Angular2模板設置類取決於標籤屬性

<a data-toggle="collapse" href="#someElementId"><span class="glyphicon-arrow-left"></a> 

在不擴大 - 標記已CLASS =「崩潰」和屬性詠歎調擴展=「假」

有沒有一種方法來設置該範圍中的類取決於其父項屬性或類未在範圍內使用JavaScript?

<a data-toggle="collapse" class='collapsed' href="#someElementId"><span class="[parent.class]=='collapsed'?glyphicon-arrow-left:glyphicon-arrow-down"></a> 

???

+1

什麼是類應取決於屬性? –

+0

這可能取決於例如詠歎調擴展屬性 PaxVobisCum

回答

0

你可以嘗試這樣的事情:

<a data-toggle="collapse" #parent class='collapsed' href="#someElementId"> 
    <span [ngClass]="{'glyphicon-arrow-left': parent.nativeElement.className=='collapsed', 'glyphicon-arrow-down': parent.nativeElement.className!='collapsed'"> 
    (...) 
    </span> 
</a>