angular - 在 Angular 中加载 App 组件以外的另一个组件

Question

我想首先通过替换 Appcomponent 来加载 Angular 项目中的 FleshScreenComponent 组件，因此我正在这样做

 bootstrap: [FleshScreenComponent],

可是我还是做不到

因为我从 app.module.ts 文件中放入我的完整代码。

import { BrowserModule } from '@angular/platform-browser';
import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';

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

import { ReactiveFormsModule, FormsModule } from '@angular/forms';
import { HttpClientModule }    from '@angular/common/http';
import { LoginComponent} from './LoginComponent/LoginComponent.component';
import { FleshScreenComponent} from './FleshScreenComponent/FleshScreenComponent.component';



@NgModule({
  declarations: [
    AppComponent,

    LoginComponent,
    FleshScreenComponent,


  ],
  imports: [

  ],
  entryComponents:[
    LoginComponent, PaymentComponent
  ],
  schemas: [ NO_ERRORS_SCHEMA ],
  providers: [ServicesService ,CommonStorageService,  {provide: MatDialogRef, useValue: {} }],
  bootstrap: [FleshScreenComponent],

})
export class AppModule { }

Answer 1

看看 at this demo.

您需要在 index.html 中提供 FleshScreenComponent 的选择器，就像我在演示中为 HelloComponent 所做的那样

<hello>loading</hello>