绑定单击函数Angular 2

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

无法绑定到'collapse',因为它不是'div'的已知属性 . (“btn-block responsive-width”(click)=“isCollapsed =!isCollapsed”>§601短 Headers ] [collapse] =“isCollapsed”class =“card card-block card-header”>

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

<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">

在component.ts文件中我有一个布尔值来检查它的状态,

export class FcraComponent {

  constructor() { }
  public isCollapsed:boolean = true;

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

请向我解释为什么没有ng2就不能使用它以及如何解决它 .

回答(1)

3 years ago

此错误: Can't bind to 'collapse' since it isn't a known property of 'div'. 表示Angular不是本机HTML属性,并且您的代码中没有定义任何说明如何处理它的内容 . 与上面所述的注释一样,您需要创建一个Angular 2指令,该指令了解如何处理collapse属性或从其他位置导入指令 .