angular cmp to external load

scratch.ts

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

@Component({
    selector: 'app-component',
    template: `
        <button (click)="oi('oi')">{{button}}</button>
    `
})
class AppComponent{
    oi;
    button = 'click me';
    oi(oi) {
        this.oi = oi;
        this.button = this.oi;
        console.log(oi);
    }
}

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