import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { AppComponent } from './app.component';
import { MyAppComponent } from './myapp.component';

@NgModule({
    imports: [BrowserModule,
            FormsModule],
    declarations: [AppComponent, MyAppComponent ],
    bootstrap: [AppComponent, MyAppComponent ]
})
export class AppModule { }

import { Component } from '@angular/core';

@Component({
  selector: 'my-app',
  templateUrl:'./app.component.html'
})
export class AppComponent  { name = 'Main component is here'; }

import { Component } from '@angular/core';

@Component({
    selector: 'my-app1',
    templateUrl: './myapp.component.html'
})
export class MyAppComponent { name = 'Extra component name'; }

<div class="container-fluid">
    

    

    <my-app>Loading Component content here ...</my-app>
</div>

<div class="container-fluid">
    

    

    <my-app1>Loading Component content here ...</my-app1>
</div>

declarations: [ MyAppComponent, AppComponent],
    bootstrap: [MyAppComponent, AppComponent]

<div class="container-fluid">
    

    

    <my-app>Loading Component content here ...</my-app>
    <my-app1>Loading Component content here ...</my-app1>
</div>