在Angular中，指令默认只能在标准HTML标签上使用，无法直接在自定义的HTML标签上使用。但是有一种方法可以解决这个问题，即通过Angular的自定义元素解析器（custom element）来实现。

以下是一个示例：

首先，创建一个自定义的HTML标签，例如。

然后，在Angular中创建一个指令，使用@Directive装饰器来定义：

import { Directive, ElementRef } from '@angular/core';

@Directive({
  selector: 'my-custom-element',
})
export class MyCustomDirective {
  constructor(private el: ElementRef) {
    el.nativeElement.innerHTML = 'This is my custom element!';
  }
}

在上述代码中，selector指定了指令的选择器，即。

最后，在Angular模块中将该指令声明为declarations：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { MyCustomDirective } from './my-custom.directive';

@NgModule({
  declarations: [MyCustomDirective],
  imports: [BrowserModule],
  bootstrap: [AppComponent]
})
export class AppModule { }

现在，你可以在模板中使用，并且指令会生效。

请注意，在使用自定义元素解析器时，需要确保浏览器支持自定义元素。如果需要兼容旧版浏览器，可以使用polyfill库，例如@webcomponents/custom-elements。