Angularng-drag-drop中innerHTML无法工作
创始人
2024-10-28 16:01:19
0次

可以使用Angular的Renderer2服务来替代innerHTML。 示例代码如下：

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

@Component({ selector: 'app-drag-drop', template:

Drag me!
Drop here {{ receivedData }}
, }) export class DragDropComponent { message = 'Hello World!'; receivedData: string;

constructor(private renderer: Renderer2, private el: ElementRef) {}

onDrop(event: any) { if (event.dragData === this.message) { this.receivedData = event.dragData;

  // 使用Renderer2服务来替代innerHTML
  let el = this.el.nativeElement.querySelector('.drag-disabled-text');
  this.renderer.setProperty(el, 'innerHTML', 'Dropped!');
}

} }

上一篇：Angularng-content在动画中不起作用

下一篇：Angularng-recpatcha无法解决

相关内容

热门资讯

透视工具！wepoker辅助器... 透视工具！wepoker辅助器官方，wejoker辅助软件视频（透视）插件教程（有挂细节）1、wej...
透视免费！aapoker安装包... 透视免费！aapoker安装包怎么使用，aapoker透视脚本，技巧教程（有挂技巧）1、这是跨平台的...
透视科技！hhpoker的辅助... 透视科技！hhpoker的辅助是真的吗，拱趴大菠萝万能挂，教你教程（有挂内幕）hhpoker的辅助是...
透视玄学！wepokerplu... 透视玄学！wepokerplus透视脚本免费，wepoker游戏的安装教程（透视）新2025版（有挂...
透视好牌！拱趴大菠萝万能辅助器... 透视好牌！拱趴大菠萝万能辅助器，德州透视是真的假的，黑科技教程（有挂技巧）1、下载好拱趴大菠萝万能辅...
透视教学！wepoker怎么设... 透视教学！wepoker怎么设置透视，wepoker透视脚本苹果版（透视）揭秘攻略（有挂解密）暗藏猫...
透视免费！wepoker透视a... 透视免费！wepoker透视app下载，wepoker私局辅助，系统教程（有挂规律）；1、每一步都需...
透视私人局！wepoker轻量... 透视私人局！wepoker轻量版透视系统，wepoker科技辅助器（透视）力荐教程（有挂脚本）1、打...
透视玄学！pokemmo脚本辅... 透视玄学！pokemmo脚本辅助，wpk模拟器多开，解密教程（有挂内幕）1、下载好pokemmo脚本...
透视玄学！wepoker-h5... 透视玄学！wepoker-h5下载，wepoker透视脚本免费下载（透视）技巧教程（有挂黑科技）；1...