Angular 我可以手动创建角度的喷油器吗？

我想创建一个手动角度元素。我有以下代码

// index.mjs
import {createCustomElement} from "@angular/elements";
import {TestComponent} from "./ng/TestComponent";

// Simple test to find function in output
const element = createCustomElement(
    TestComponent,
    {}
)
customElements.get('jrg-ng-test') ||
customElements.define('jrg-ng-test', element, {});

// TestComponent.ts
import { Component, OnInit } from '@angular/core';
@Component({
    selector: 'jrg-test',
    template: '<h1>Hellooooo Nurse</h1>'
})
export class TestComponent{}

但我不知道如何启动模块

更新我也尝试过这样包装

const app = platformBrowserDynamic().bootstrapModule(Application)

应用程序在哪里

class Application{
    constructor(private injector:Injector){}
    ngDoBootstrap() {
        const element = createCustomElement(
            TestComponent,
            {
                injector: this.injector
            }
        )
        customElements.get('jrg-ng-test') ||
        customElements.define('jrg-ng-test', element, {});
    }
}

但是我得到

编译器未定义

class Application{
    constructor(private injector:Injector){}
    ngDoBootstrap() {
        const element = createCustomElement(
            TestComponent,
            {
                injector: this.injector
            }
        )
        customElements.get('jrg-ng-test') ||
        customElements.define('jrg-ng-test', element, {});
    }
}