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>

Angular 2 和 Bootstrap

Angular 2 and Bootstrap

twitter-bootstrap

typescript

angular2-template

angular