Ionic4 Angular属性指令无效

Question

我已经根据此处的指南创建了一个简单的指令，该指令可在角度演示应用中使用。

appHighlight指令可在Angular中使用，但在新的空白Ionic-v4应用程序中应用时不起作用。

以下是我创建此离子项目的步骤：

1. ionic start指令测试空白--type = angular
2. ionic生成指令Highlight
3. 从“ @ angular / core”导入ElementRef并注入 HighlightDirective构造函数，如下所示。
4. 在内部设置ElementRef.nativeElement.style.backgroundColor =“黄色” 指令构造器
5. 检查以确保在中声明了HighlightDirective app.module.ts在home.page.html
中添加了“ appHighlight”标记

这是否可以按照显示的方式工作，还是我缺少了什么？谢谢！

highlight.directive.ts：

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

@Directive({
  selector: '[appHighlight]'
})

export class HighlightDirective {
  constructor(el: ElementRef) {
     el.nativeElement.style.backgroundColor = 'yellow';
  }
}

app.module.ts：

@NgModule({

  declarations: [AppComponent, HighlightDirective],

  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule],
  providers: [
    StatusBar,
    SplashScreen,
    { provide: RouteReuseStrategy, useClass: IonicRouteStrategy }
  ],
  bootstrap: [AppComponent]
})
export class AppModule {}

home.page.html：

<ion-content padding>
  The world is your oyster.
  <p appHighlight> test </p>
</ion-content>