要在Angular 6中创建自定义元素并输出事件，你可以按照以下步骤操作：

1. 创建一个新的Angular组件，用于表示自定义元素。可以使用Angular CLI命令ng generate component 来生成组件的代码文件。

2. 在组件类中定义一个输出属性，并使用@Output()装饰器将其标记为一个可供外部监听的事件。例如，假设我们要创建一个自定义按钮元素，并在点击时触发一个自定义事件：

   import { Component, EventEmitter, Output } from '@angular/core';
   
   @Component({
     selector: 'app-custom-button',
     template: 'Click me'
   })
   export class CustomButtonComponent {
     @Output() customClick: EventEmitter = new EventEmitter();
   
     onClick() {
       this.customClick.emit();
     }
   }
   

3. 在需要使用自定义元素的模块中，将组件声明为entryComponents，并在schemas中添加CUSTOM_ELEMENTS_SCHEMA。这样可以将组件转换为自定义元素。

   import { NgModule, CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
   import { BrowserModule } from '@angular/platform-browser';
   
   import { CustomButtonComponent } from './custom-button.component';
   
   @NgModule({
     declarations: [CustomButtonComponent],
     imports: [BrowserModule],
     entryComponents: [CustomButtonComponent],
     schemas: [CUSTOM_ELEMENTS_SCHEMA]
   })
   export class AppModule { }
   

4. 在需要使用自定义元素的HTML文件中，使用自定义元素标签，并监听自定义事件。例如，在app.component.html中：

   在上面的示例中，handleClick()是一个在父组件中定义的方法，用于处理自定义按钮元素的点击事件。

5. 在父组件中实现handleClick()方法，以响应自定义按钮元素的点击事件。

   import { Component } from '@angular/core';
   
   @Component({
     selector: 'app-root',
     templateUrl: './app.component.html'
   })
   export class AppComponent {
     handleClick() {
       console.log('Custom button clicked');
       // 处理自定义按钮元素的点击事件逻辑
     }
   }
   

这样，当自定义按钮元素被点击时，会触发customClick事件，并调用父组件中的handleClick()方法。