时间戳

首页 > 解决方案 > 将模块放入组件中，角度

javascript - 将模块放入组件中，角度

问题描述

我需要将mdbModal放入组件中，但该组件没有 module.ts 存档，当尝试这个动作时，我得到：

ERROR Error: Uncaught (in promise): Error: Export of name 'mdbModal' not found!
Error: Export of name 'mdbModal' not found!

我的集体项目中没有示例，可以在组件中导入模块的方法是什么？

我对角度比较陌生。

<div
  mdbModal
  #basicModal="mdbModal"
  class="modal right modal-scroll"
  tabindex="-1"
  role="dialog"
  aria-labelledby="myBasicModalLabel"
  aria-hidden="true"
  >
  ...
</div>

这是我的父模块

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import {
  ModalModule,
  WavesModule,
  InputsModule,
  ButtonsModule,
  CheckboxModule,
} from 'angular-bootstrap-md';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { SharedModule } from '../shared/shared.module';
import { NgxPaginationModule } from 'ngx-pagination';

import { PrimeDetailRoutingModule } from './prime-detail-routing.module';
import { PrimeDetailComponent } from './prime-detail.component';


@NgModule({
  declarations: [PrimeDetailComponent],
  imports: [
    CommonModule,
    PrimeDetailRoutingModule,
    SharedModule,
    NgxPaginationModule,
    ModalModule,
    WavesModule,
    InputsModule,
    ButtonsModule,
    CheckboxModule,
    FormsModule,
  ]
})
export class PrimeDetailModule { }

如果我在父模块中导入 mdbModal 我没有问题，但是如果我需要在没有 module.ts 的情况下将它放入组件中

标签： javascriptangularmodulecomponents

解决方案

我的解决方案是，如果组件位于 Module Father 内部，则可以将 Component 与 Module 放在一起，例如：

  • 应用程序
    • 我的网站
      • 组件 <---
      • 我的站点.component.ts
      • 我的站点.module.ts
      • ETC

你可以把新组件放在这个目录<--- 那是属于MySite的，你可以在你的cmd框中使用下一句来创建：

ng generate component MySite/components/first-component --module app/MySite

在此之后，在父 module.ts 中，您将看到如下内容：

import { FirstComponentComponent } from './components/first-component/first-component.component';

@NgModule({
  declarations: [FirstComponentComponent],
})

推荐阅读