Angular-resize-event无法对textarea起作用。
创始人
2024-10-21 07:00:41
0

要解决Angular-resize-event无法对textarea起作用的问题,可以使用以下方法:

  1. 使用ngAfterViewInit生命周期钩子函数来确保textarea元素已经加载完毕。然后在该函数中初始化Angular-resize-event库。
import { Component, ElementRef, ViewChild, AfterViewInit } from '@angular/core';
import { AngularResizeEventService } from 'angular-resize-event';

@Component({
  selector: 'app-textarea-resize',
  templateUrl: './textarea-resize.component.html',
  styleUrls: ['./textarea-resize.component.css']
})
export class TextareaResizeComponent implements AfterViewInit {
  @ViewChild('textarea', { static: true }) textarea: ElementRef;

  constructor(private resizeService: AngularResizeEventService) {}

  ngAfterViewInit() {
    this.resizeService.initResizeEvent(this.textarea.nativeElement);
  }
}
  1. 使用ngZone来强制Angular执行变更检测,以确保Angular能够正确处理textarea的大小变化。
import { Component, ElementRef, ViewChild, AfterViewInit, NgZone } from '@angular/core';
import { AngularResizeEventService } from 'angular-resize-event';

@Component({
  selector: 'app-textarea-resize',
  templateUrl: './textarea-resize.component.html',
  styleUrls: ['./textarea-resize.component.css']
})
export class TextareaResizeComponent implements AfterViewInit {
  @ViewChild('textarea', { static: true }) textarea: ElementRef;

  constructor(private resizeService: AngularResizeEventService, private ngZone: NgZone) {}

  ngAfterViewInit() {
    this.ngZone.runOutsideAngular(() => {
      this.resizeService.initResizeEvent(this.textarea.nativeElement);
    });
  }
}

这样,Angular会在变化检测周期中检测到textarea的大小变化,并相应地更新视图。

相关内容

热门资讯

突发!约局吧技巧!确实真的有辅... 突发!约局吧技巧!确实真的有辅助修改器(有挂辅助)-哔哩哔哩1、全新机制【约局吧技巧ai辅助工具激活...
现就发布提示!欢乐达人暗宝辅助... 现就发布提示!欢乐达人暗宝辅助!原来有挂辅助工具(有挂透视)-哔哩哔哩1、这是跨平台的欢乐达人暗宝辅...
目前!熊猫辅助软件!好像真的有... 目前!熊猫辅助软件!好像真的有辅助app(有挂细节)-哔哩哔哩1、每一步都需要思考,不同水平的挑战会...
最新消息!兴动海满作z弊码!果... 最新消息!兴动海满作z弊码!果然有挂辅助工具(真的有挂)-哔哩哔哩1)兴动海满作z弊码辅助插件:进一...
目前!黑科技辅助软件免费!一贯... 目前!黑科技辅助软件免费!一贯是有辅助工具(有挂技术)-哔哩哔哩1、在黑科技辅助软件免费插件功能辅助...
据监测!丫丫陕西免费插件!好像... 据监测!丫丫陕西免费插件!好像是有辅助工具(有挂辅助)-哔哩哔哩一、丫丫陕西免费插件游戏安装教程牌型...
现场直击!微信黑科技辅助神器!... 现场直击!微信黑科技辅助神器!本来是有辅助平台(真的有挂)-哔哩哔哩1、微信黑科技辅助神器免费脚本咨...
为了进一步!随意玩房卡辅助器透... 为了进一步!随意玩房卡辅助器透视!切实真的是有辅助平台(有挂透明挂)-哔哩哔哩1、不需要AI权限,帮...
事发当天!水鱼天下脚本!竟然是... 您好,水鱼天下脚本这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在...
现场直击!微信小程序辅助器(免... 现场直击!微信小程序辅助器(免费)!其实有挂辅助下载(有挂透明挂)-哔哩哔哩现场直击!微信小程序辅助...