绑定单击函数Angular 2

Question

我正在移植另一个应用程序中的一些组件，这些应用程序使用angular-cli构建到一个平均堆栈应用程序。原始应用程序中有一些可折叠的卡片，当我将它们移动到各自的功能时，可以观察它们何时展开或折叠，我收到此错误，

  

无法绑定到'collapse'，因为它不是'div'的已知属性。   （“btn-block responsive-width”（click）=“isCollapsed =！isCollapsed”＆gt;§   601短标题] [collapse] =“isCollapsed”   class =“card card-block card-header”＆gt;

在component.html文件中，这是onClick函数

$this->link = null;

并在component.ts文件中我有一个布尔值来检查其状态，

<button type="button" class="building btn btn-info btn-primary btn-default btn-lg btn-block responsive-width" (click)="isCollapsed1 = !isCollapsed1">§ 602 Congressional findings and statement of purpose</button>
            <div [collapse]="isCollapsed1" class="card card-block card-header">

我在原始应用程序中使用了ng2-bootstrap，在这个应用程序中我导入了bootstrap核心文件并将它们添加到索引文件中。所以css正在工作但由于某种原因我不能将它绑定到div。

请向我解释为什么没有ng2以及如何修复它就无法工作。

Answer 1

此错误： Can't bind to 'collapse' since it isn't a known property of 'div'. 意味着Angular不知道如何绑定到＆＃34; collapse＆＃34;因为它不是本机HTML属性，并且代码中没有任何定义说明如何处理它。与上面所述的注释一样，您需要创建一个Angular 2指令，该指令了解如何处理collapse属性或从另一个地方导入指令。