要演示如何使用Angular Elements来创建一个只包含一次Angular核心的示例，我们需要遵循以下步骤：

1. 创建一个新的Angular项目：

   ng new angular-elements-demo
   

2. 进入项目目录：

   cd angular-elements-demo
   

3. 创建一个新的Angular组件：

   ng generate component hello-world
   

4. 打开 hello-world.component.ts 文件，并编辑它如下：

   import { Component, ViewEncapsulation } from '@angular/core';
   
   @Component({
     selector: 'app-hello-world',
     template: `
       
   Hello World!
     `,
     styles: [],
     encapsulation: ViewEncapsulation.ShadowDom
   })
   export class HelloWorldComponent {
   }
   

   在这个示例中，我们将 encapsulation 设置为 ViewEncapsulation.ShadowDom，这样Angular会将组件样式封装到Shadow DOM中，以避免与其他样式冲突。

5. 在 app.module.ts 中导入 HelloWorldComponent 并将其添加到 declarations 列表中：

   import { BrowserModule } from '@angular/platform-browser';
   import { NgModule } from '@angular/core';
   
   import { AppComponent } from './app.component';
   import { HelloWorldComponent } from './hello-world/hello-world.component';
   
   @NgModule({
     declarations: [
       AppComponent,
       HelloWorldComponent
     ],
     imports: [
       BrowserModule
     ],
     providers: [],
     bootstrap: [AppComponent]
   })
   export class AppModule { }
   

6. 在 main.ts 文件中添加以下代码来创建一个Angular元素：

   import { enableProdMode, NgZone } from '@angular/core';
   import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
   
   import { AppModule } from './app/app.module';
   import { environment } from './environments/environment';
   
   import { createCustomElement } from '@angular/elements';
   import { HelloWorldComponent } from './app/hello-world/hello-world.component';
   
   if (environment.production) {
     enableProdMode();
   }
   
   platformBrowserDynamic().bootstrapModule(AppModule)
     .then(moduleRef => {
       const elements = [
         [HelloWorldComponent, 'app-hello-world']
       ];
   
       for (const [component, selector] of elements) {
         const element = createCustomElement(component, { injector: moduleRef.injector });
         customElements.define(selector, element);
       }
     });
   

   这段代码将 HelloWorldComponent 创建为一个自定义元素，并使用 customElements.define() 方法来定义该元素的选择器。

7. 创建一个新的HTML文件 index.html，并添加以下代码：

   在这个示例中，我们在HTML文件中使用 标签来调用我们创建的Angular元素。

8. 在 angular.json 文件中，将 index.html 添加到 assets 列表中：

   "assets": [
     "src/favicon.ico",
     "src/assets",
     "src/index.html"
   ],
   

9. 在命令行中运行以下命令来构建并启动应用程序：

   ng build --prod
   

   这将构建并优化我们的Angular应用程序。

10. 在命令行中运行以下命令来启动应用程序：

    ng serve
    

    这将启动开发服务器并在浏览器中打开应用程序。

现在，你可以在浏览器中看到 Hello World! 的输出，这就是我们使用Angular Elements创建的只包含一次Angular核心的示例。