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无法解决

相关内容

热门资讯

总结辅助挂！wpk官网下载链接... 总结辅助挂！wpk官网下载链接，德扑之心免费透视，确实真的是有挂（确实有挂）1、进入游戏-大厅左侧-...
据目击者称！wepoker透视... 据目击者称！wepoker透视底牌脚本，德普之星透视辅助软件是真的吗，一直真的有挂（有挂教程）进入游...
近日！wepoker轻量版透视... 近日！wepoker轻量版透视，德普之星app安卓版破解版，总是真的是有挂（有挂规律）1、首先打开德...
出乎意料的是！wepoker好... 出乎意料的是！wepoker好友局透视，德普之星私人局辅助免费，确实确实有挂（有挂详情）1.德普之星...
插件辅助挂！agpoker辅助... 插件辅助挂！agpoker辅助，德扑圈透视，确实真的有挂（有挂猫腻）一、德扑圈透视游戏安装教程牌型概...
有玩家发现！拱趴大菠萝万能挂图... 有玩家发现！拱趴大菠萝万能挂图解，德普之星透视辅助软件，竟然真的是有挂（有挂技巧）1、德普之星透视辅...
黑科技辅助挂！we-poker... 黑科技辅助挂！we-poker辅助器，德普之星透视辅助，其实是有挂（有挂秘诀）1、玩家可以在德普之星...
攻略辅助挂！哈糖大菠萝有没有挂... 攻略辅助挂！哈糖大菠萝有没有挂，德扑之心免费透视，竟然是有挂（证实有挂）；1、该软件可以轻松地帮助玩...
现有说明如下！wepoker私... 现有说明如下！wepoker私人局俱乐部怎么进，德扑之星的辅助工具介绍，总是存在有挂（新版有挂）德扑...
来临！hardrock作弊，德... 来临！hardrock作弊，德扑之星有透视辅助吗，一直真的是有挂（有挂方针）1、德扑之星有透视辅助吗...