Angular 2和Bootstrap

Question

我嘗試使用Bootstrap和Angular2，並且對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>