我嘗試在我的 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 tabimport { 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;}
3 回答

茅侃侃
TA貢獻1842條經驗 獲得超21個贊
我也遇到過同樣的問題。請通過 Angular CLI 通過命令安裝以下依賴包。
npm install --save @Angular/Material @Angular/cdk @Angular/animations
然后再次通過命令ngserve啟動應用程序 。
這對我有用。

慕姐4208626
TA貢獻1852條經驗 獲得超7個贊
我很高興得知您的包依賴性問題已得到解決。
對于你的第二個問題,鑒于你的代碼,表中沒有任何內容是完全正常的。
您在 HTML 文件中聲明的 pTemplate“主體”用于構造“詳細信息”屬性中存在的每個元素的信息,該屬性應該是一個數組。
- 3 回答
- 0 關注
- 167 瀏覽
添加回答
舉報
0/150
提交
取消