Bootstrapping an Angular Ivy component

app.component.ts

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

@Component({
  selector: 'ivy-app',
  template: `
    <h1>
      Hello, {{name}}!
    </h1>
  `,
})
export class AppComponent implements OnInit {
  name: string = 'World';
  
  ngOnInit(): void {
    this.name = 'Ivy';
  }
}

main.ts

import '@angular/compiler';

import {
  Injector,
  Sanitizer,
  ɵLifecycleHooksFeature as LifecycleHooksFeature,
  ɵrenderComponent as renderComponent,
} from '@angular/core';
import {
  DomSanitizer,
  ɵDomSanitizerImpl as DomSanitizerImpl,
} from '@angular/platform-browser';

import { AppComponent } from './app.component';

const rootInjector: Injector = Injector.create({
  name: 'root',
  providers: [
    {
      deps: [],
      provide: DomSanitizer,
      useClass: DomSanitizerImpl,
    },
    {
      provide: Sanitizer,
      useExisting: DomSanitizer,
    },
  ],
});

renderComponent(AppComponent, {
  hostFeatures: [
    LifecycleHooksFeature,
  ],
  injector: rootInjector,
  sanitizer: rootInjector.get(Sanitizer),
});