Загрузка другого компонента, кроме компонента App, в Angular

Question

Я хочу сначала загрузить компонент FleshScreenComponent в проект Angular, заменив Appcomponent, поэтому я делаю это

 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

Посмотрите на эту демонстрацию.

Вам нужно предоставить селектор FleshScreenComponent в index.html, что-то вроде того, что я сделал в моей демонстрации для HelloComponent

<hello>loading</hello>

Answer 2

Внутри метода AppComponent ngOnInit вы можете программно перенаправить на ваш FleshScreenComponent, если вы используете маршрутизацию.