angular - NG-ZORRO 'nz-list-item-meta-title' 不是已知元素
问题描述
我安装了 NG-ZORRO 以在我的项目中使用它,我首先使用他们的列表组件。
但我在以下元素上遇到错误:“nz-list-item-meta-title”不是已知元素,而 nz-list-item-action 不是已知元素
我导入了所有需要使用列表但总是有相同错误的模块。
这nz-list-item-meta-title
根本不存在......这里是 mu app.module.ts :
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { NgZorroAntdModule, NZ_I18N, fr_FR } from 'ng-zorro-antd';
import { FormsModule } from '@angular/forms';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { registerLocaleData } from '@angular/common';
import fr from '@angular/common/locales/fr'
import { CollectionProgressComponent } from './collection-progress/collection-
progress.component';
import {HttpClientModule} from "@angular/common/http";
import { TvComponent } from './tv/tv.component';
import { DashboardComponent } from './dashboard/dashboard.component';
import { InConstructionComponent } from './in-construction/in-construction.component';
import { DonationComponent } from './donation/donation.component';
import { NzListModule } from 'ng-zorro-antd/list';
import { PostComponent } from './post/post.component';
registerLocaleData(fr);
@NgModule({
declarations: [
AppComponent,
CollectionProgressComponent,
TvComponent,
DashboardComponent,
InConstructionComponent,
DonationComponent,
PostComponent
],
imports: [
BrowserModule,
AppRoutingModule,
NgZorroAntdModule,
FormsModule,
HttpClientModule,
NzListModule,
BrowserAnimationsModule
],
providers: [{ provide: NZ_I18N, useValue: fr_FR }],
bootstrap: [AppComponent]
})
export class AppModule { }
解决方案
<nz-list nzItemLayout="horizontal">
<nz-list-item>
<nz-list-item-meta
nzAvatar="https://zos.alipayobjects.com/rmsportal/ODTLcjxAfvqbxHnVXCYX.png"
nzDescription="Ant Design, a design language for background applications, is refined by Ant UED Team"
nzTitle="put title here"
>
</nz-list-item-meta>
</nz-list-item>
</nz-list>
使用' nzTitle
'属性替换' nz-list-item-meta-title
'
推荐阅读
- git - AWS CodeCommit 子模块 Blob 不存在
- html - 使用 CSS flex,我怎样才能在我的标题之后到行尾获得一行(如 hr 元素)
- javascript - 如何使由`webpack输出库`生成的javascript可以在`nodejs`应用程序中使用
- php - 如何在重定向的服务器上发出 POST 请求?
- python - 我正在尝试使用 pip 安装模块,我得到: AttributeError: module 'enum' has no attribute 'IntFlag' 为什么会这样?
- python - 在 pandas GroupBy 输出中将缺少的组键包含为 NaN
- javascript - 如何在类型定义中为 GraphQL 字段定义数组数据类型
- digital-signature - 使用 Crypto++ 使用私钥签名;SHA1 与惠而浦
- dart - Flutter 使用 SpriteWidget 框架时无法显示基本形状
- java - 使用 DialogFragment 显示黑屏的 iframe Youtube 视频,并且在 Webview 中仅播放音频