关于 Angular 8 中的 PrimeNg 表

Question

我尝试在我的 Angular 应用程序中使用 p-table（PrimeNg 表），我从 CLI 导入了所有必要的依赖项并导入了模块文件，错误是，

目标入口点“primeng/table”中的错误缺少依赖项：-@angular/cdk/scrolling

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

import { NgModule } from '@angular/core';

import { FormsModule } from '@angular/forms';

import { AppRoutingModule } from './app-routing.module';

import { AppComponent } from './app.component';

import { AccordionModule } from 'primeng/accordion'; //accordion and accordion tab

import { MenuItem } from 'primeng/api';

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

import { TableModule } from 'primeng/table';

@NgModule({

  declarations: [AppComponent],

  imports: [BrowserModule, AppRoutingModule, AccordionModule,TableModule],

  providers: [],

  bootstrap: [AppComponent]

})

export class AppModule {}

我的 component.html 是：

<h1>Hello {{ title }}</h1>

<br />

<p-table [value]="detail">

  <ng-template pTemplate="header">

    <tr>

      <th>Vin</th>

      <th>Year</th>

      <th>Brand</th>

      <th>Color</th>

    </tr>

  </ng-template>

  <ng-template pTemplate="body" let-car>

    <tr>

      <td>Aashiq</td>

      <td>Aadhil</td>

      <td>Zubair</td>

      <td>Athaa</td>

    </tr>

  </ng-template>

</p-table>

我的 app.component.ts 是：

import { Component,OnInit } from '@angular/core';

@Component({

  selector: 'app-root',

  templateUrl: './app.component.html',

  styleUrls: ['./app.component.css']

})

export class AppComponent implements OnInit {

  ngOnInit(): void {

    throw new Error("Method not implemented.");

  }

  title = 'Angularprimeng';

    detail:any;

}

Answer 1

晚上好！您是否尝试过安装材料cdk？npm install @angular/cdk --save这应该可以解决你的问题。

Answer 2

我也遇到过同样的问题。请通过 Angular CLI 通过命令安装以下依赖包。npm install --save @Angular/Material @Angular/cdk @Angular/animations然后再次通过命令ngserve启动应用程序&nbsp;。这对我有用。

Answer 3

我很高兴得知您的包依赖性问题已得到解决。对于你的第二个问题，鉴于你的代码，表中没有任何内容是完全正常的。您在 HTML 文件中声明的 pTemplate“主体”用于构造“详细信息”属性中存在的每个元素的信息，该属性应该是一个数组。