角度 – 离子3指令不起作用

发布时间：2020-12-17 17:42:55 所属栏目：安全来源：网络整理

导读：我一直试图在离子中创建一个指令,它只是不工作,我似乎不知道为什么. 我希望指令允许自动调整大小.因此,当它有更多的文本时,它只是不断调整大小. 这是我的代码：我的项目是一个离子3项目,使用角度4,新版本. import { Directive,HostListener,ElementRef } fr

我一直试图在离子中创建一个指令,它只是不工作,我似乎不知道为什么.
我希望指令允许自动调整大小.因此,当它有更多的文本时,它只是不断调整大小.

这是我的代码：
我的项目是一个离子3项目,使用角度4,新版本.

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";
  }
}

请帮忙？？？？

解决方法

我有同样的问题.应用程序无法识别该指令,但它没有给出任何错误.所以我从主模块的decalarations中删除它并添加到页面模块’decalarations,它使用指令,问题就消失了.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!