要在Angular 8中使用Ivy创建自定义元素，您可以按照以下步骤进行操作：

1. 确保您的Angular项目已经升级到Angular 8版本。

2. 在您的项目根目录中，打开tsconfig.json文件，并确保"enableIvy": true选项已启用。这将启用Ivy编译器。

3. 创建一个新的组件，并将其注册为自定义元素。例如，创建一个名为MyCustomElementComponent的组件，并将其注册为my-custom-element元素。

import { Component, Injector } from '@angular/core';
import { createCustomElement } from '@angular/elements';

@Component({
  selector: 'my-custom-element',
  template: '
Hello, Custom Element!
',
})
export class MyCustomElementComponent {
  constructor(private injector: Injector) {}

  ngDoBootstrap() {
    const customElement = createCustomElement(MyCustomElementComponent, { injector: this.injector });
    customElements.define('my-custom-element', customElement);
  }
}

4. 在您的模块中导入MyCustomElementComponent组件，并将其添加到entryComponents和bootstrap数组中。

import { BrowserModule } from '@angular/platform-browser';
import { NgModule, Injector } from '@angular/core';
import { createCustomElement } from '@angular/elements';
import { MyCustomElementComponent } from './my-custom-element.component';

@NgModule({
  declarations: [MyCustomElementComponent],
  imports: [BrowserModule],
  entryComponents: [MyCustomElementComponent],
})
export class AppModule {
  constructor(private injector: Injector) {}

  ngDoBootstrap() {
    const customElement = createCustomElement(MyCustomElementComponent, { injector: this.injector });
    customElements.define('my-custom-element', customElement);
  }
}

5. 在您的主模块中，将AppModule添加到bootstrap数组中。

import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';

enableProdMode();

platformBrowserDynamic().bootstrapModule(AppModule)
  .catch(err => console.error(err));

6. 运行您的应用程序，并在HTML中使用my-custom-element元素。

这样，您就可以在Angular 8中使用Ivy创建自定义元素了。请注意，Ivy仍处于实验性阶段，某些功能可能会有变化。