如何在我的应用程序中显示我的库的一个组件

Question

我做不到。在名为 'polaris-common' 的库中，我创建了 'AvSearchComponent' 组件

我在图书馆的 app.module.ts 中做到了：

从'@angular/common'导入{CommonModule}；从'@angular/core'导入{NgModule};

import { PolarisCommonComponent } from './polaris-common.component';
import { AvRechercheComponent } from './av-recherche/av-recherche.component';

@NgModule({
  declarations: [
    PolarisCommonComponent,
    AvRechercheComponent
  ],
  imports: [
    CommonModule,
  ]
  exports: [
    PolarisCommonComponent,
    AvRechercheComponent
  ]
})
export class PolarisCommonModule { }

在 app.module.ts 应用程序中，我这样做了：

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

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

 // module library
import { PolarisCommonModule } from 'polaris-common';

@NgModule({
  declarations: [
    AppComponent,
  ],
  imports: [
    BrowserModule,
    BrowserAnimationsModule,
    AppRoutingModule,

    // module library
    PolarisCommonModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

我想在应用程序的 app.html 中做类似的事情来显示库的组合

<app-av-recherche><app-av-recherche>

非常感谢

编辑：

Answer 1

您不会在您的 app.html 中执行此操作，而是在您的第一个自举组件中执行此操作，即您的 AppComponent（请参阅 bootstrap 属性 12=] 注释在你的 AppModule).

如何在我的应用程序中显示我的库的一个组件

How to display a component of my library in my application

components

angular