Angular2模板根据tag-attribute设置类

时间:2016-07-08 08:16:27

标签: templates angular

有没有办法在标签内设置一个类,具体取决于它的属性? 目前我正在建立一个树视图,并希望根据树设置glypicon箭头是否打开。 我正在使用bootstrap崩溃所以语法是这样的

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

未展开时-tag具有class =“collapsed”且属性aria-expanded ='false'

有没有办法在范围内设置类,具体取决于其父类属性或类而不在范围内使用javascript?

类似

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

???

1 个答案:

答案 0 :(得分: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>