Angular2模板集类取决于标签属性答案

【问题标题】：Angular2 Template set class depending on tag-attributeAngular2模板集类取决于标签属性
【发布时间】：2016-07-08 08:16:26
【问题描述】：

有没有办法根据标签的属性在标签内设置一个类？目前我正在构建一个树视图，并希望根据树是否打开来设置 glypicon 箭头。我正在使用引导折叠，所以语法是这样的

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

???

【问题讨论】：

类应该依赖的属性是什么？
它可能取决于 aria-expanded 属性，例如可能虽然取决于在课堂上

标签： templates angular

【解决方案1】：

你可以试试这样的：

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

【讨论】：