使用NG-ZORRO时部分组建无法正常调用

发布于 2022-09-07 22:18:56 字数 2397 浏览 40 评论 0

问题描述

在项目中引入了ng-zorro框架后,部分组建却用不了,下拉菜单能正常使用,但是下面这个却说没有这个组件?
clipboard.png

<div>
....
   <nz-cascader
          [nzExpandTrigger]="'hover'"
          [nzOptions]="nzOptions"
          [(ngModel)]="values"
          (ngModelChange)="onChanges($event)">
   </nz-cascader>
</div>

angular.json

 "styles": [
              "src/styles.css",
              "node_modules/ng-zorro-antd/src/ng-zorro-antd.min.css"]

app.module.ts

import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { AppRoutingModule } from './app-routing.module';
import { PchomeModule } from './module/pchome/pchome.module';
import { UserModule } from './core/user/user.module';
import { CommonModule } from '@angular/common';
import { AppComponent } from './app.component';
import { NgZorroAntdModule, NZ_I18N, zh_CN } from 'ng-zorro-antd';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { registerLocaleData } from '@angular/common';
import { PubHttpService } from './services/HttpService/pub-http.service'
import { HTTP_INTERCEPTORS } from '@angular/common/http';
import { HttpInterceptorService } from './services/HttpInterceptor/http-interceptor.service'
import zh from '@angular/common/locales/zh';
import { FroalaEditorModule, FroalaViewModule } from 'angular-froala-wysiwyg';
import "froala-editor/js/froala_editor.pkgd.min.js";
import { ShareModule } from './share/share.module';
registerLocaleData(zh);
@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    CommonModule,
    BrowserModule,
    ShareModule,
    UserModule,
    PchomeModule,
    BrowserAnimationsModule,
    NgZorroAntdModule.forRoot(),
    AppRoutingModule,
    FroalaEditorModule.forRoot(), 
    FroalaViewModule.forRoot()
  ],
  exports:[
    CommonModule
  ],
  providers   : [
     { 
      provide: NZ_I18N, 
      useValue: zh_CN ,
    },
    PubHttpService,
    {
      provide:HTTP_INTERCEPTORS,
      useClass:HttpInterceptorService,
      multi:true
    },
 ],
  bootstrap: [AppComponent]
})
export class AppModule { }

在对于的模块中也有引入NgZorroAntdModule

使用步骤都是按着官网教程进行,下拉菜单都可以用了,为什么这个就用不了,真的奇怪。。

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文