angular - ionic 3 指令不起作用

Question

我一直在尝试在 ionic 中创建一个指令，但它不起作用，我似乎不知道为什么。我希望该指令能够自动调整自身大小。因此，当它有更多文本时，它会不断调整大小。

这是我的代码:我的项目是一个使用新版本 angular 4 的 ionic 3 项目。

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

@Directive({
  selector: '[auto-resize-text-input]' // Attribute selector
})
export class AutoResizeTextInput {
  constructor(public elem: ElementRef) {
    console.log('Hello AutoResizeTextInput Directive');
  }

  @HostListener('input', ['$event.target']) onInput() {
    this.resizeTextOnInput();
  }

  private resizeTextOnInput() {
    this.elem.nativeElement.style.overflow = 'hidden';
    this.elem.nativeElement.style.height = 'auto';
    this.elem.nativeElement.style.height = this.elem.nativeElement.scrollHeight + "px";
  }
}

请帮忙????

Answer 1

我遇到了同样的问题。该指令未被应用程序识别，但未给出任何错误。所以我将它从主模块的 decalations 中删除并添加到页面模块的 decalations 中，它使用了该指令，问题就消失了。