Angular 2 和引导程序答案

【问题标题】：Angular 2 and BootstrapAngular 2 和引导程序
【发布时间】：2016-09-06 21:51:42
【问题描述】：

我尝试将 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 函数？

【问题讨论】：

标签： twitter-bootstrap typescript angular angular2-template

【解决方案1】：

不知道是什么问题，但是

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

应该值得一试。

【讨论】：

【解决方案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>

【讨论】：