Angular 6-扩展面板抛出错误错误:“ [对象对象]”

时间:2018-08-24 12:44:12

标签: angular angular-material

我对在我的应用(Offical documentation)中使用<mat-expansion-panel>有疑问。 ERROR Error: "[object Object]"是在控制台中引发的唯一错误。就像文档中提到的那样,我将app.module.ts的配置如下:

import { MatExpansionModule } from '@angular/material/expansion';

...

imports: [
    BrowserModule,
    FormsModule,
    HttpClientModule,
    OverlayModule,
    MatExpansionModule, <<<
    routing
],

在我的package.json中,这是角材料的当前条目:

"@angular/material": "^6.4.6",

组件中的代码直接取自示例:

<mat-expansion-panel>
  <mat-expansion-panel-header>
    <mat-panel-title>
      This is the expansion title
    </mat-panel-title>
    <mat-panel-description>
      This is a summary of the content
    </mat-panel-description>
  </mat-expansion-panel-header>

  <p>This is the primary content of the panel.</p>

</mat-expansion-panel>

我是否必须包含其他内容或必须以某种方式配置组件?

编辑:

像这里要求的那样是详细的错误:

error

1 个答案:

答案 0 :(得分:0)

您必须将BrowserAnimationsModule添加到您的app.module。

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

@NgModule({
  ...

imports: [
    ...
    BrowserAnimationsModule,
    ...
  ]

})

实际上,如果您使用Chrome调试Angular应用,则会在控制台上获得更好的输出。