Angular 2和Bootstrap

Question

我尝试在Angular2中使用Bootstrap，我遇到了Bootstrap功能自动绑定的问题。

崩溃示例：

<i class="wrapper fa fa-play rotate-90 triangle_{{level.id}}" [hidden]="!level.child.length" data-toggle="collapse" href="#dropdownMenu_{{level.id}}" aria-expanded="true" aria-controls="dropdownMenu_{{level.id}}"></i>

错误：

Template parse errors:
Can't bind to 'href' since it isn't a known native property ("r fa fa-play rotate-90 triangle_{{level.id}}" [hidden]="!level.child.length" data-toggle="collapse" [ERROR ->]href="#dropdownMenu_{{level.id}}" aria-expanded="true"
                       aria-controls="dropdownMenu_{{level.id")

此错误显示所有自定义属性。 有没有办法解决它或我应该使用JS功能？

Answer 1

不确定问题是什么，但

attr.href="#dropdownMenu_{{level.id}}"

值得一试。

Answer 2

尝试[href]而不是href。

<i class="wrapper fa fa-play rotate-90 triangle_{{level.id}}" [hidden]="!level.child.length" data-toggle="collapse" [href]="'#dropdownMenu_' + level.id" aria-expanded="true" aria-controls="dropdownMenu_{{level.id}}"></i>