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

相关内容

热门资讯

三分钟了解！微扑克辅助脚本，微... 三分钟了解！微扑克辅助脚本，微扑克机器人确实是有挂（详细有辅助挂教程）1、金币登录送、破产送、升级送...
透视辅助！wpk系统发牌规律，... 透视辅助！wpk系统发牌规律，（wpk新版）好像真的是有挂（详细俱乐部教程），您好，这款游戏可以开挂...
透视辅助！微扑克其实真的有挂，... 透视辅助！微扑克其实真的有挂，微扑克透明挂一贯有挂（详细辅助器ios教程）；辅助器中分为三种模型：软...
重要通知！红龙扑克好友桌，红龙... 1、重要通知！红龙扑克好友桌，红龙扑克竟然是有挂（详细辅助工具教程）；代表性（透视辅助软件透明挂）高...
透视辅助！wpK透视辅助教程，... 透视辅助！wpK透视辅助教程，wpk检测果然真的有挂（详细透视辅助教程）暗藏猫腻，小编详细说明原来是...
透视辅助！wpk数据统计软件，... 透视辅助！wpk数据统计软件，（新版WPK）都是是真的有挂（详细德州透视辅助教程）;一、AI软件牌型...
黑科技透明挂！wEpOke确实... 黑科技透明挂！wEpOke确实是真的有挂，Wepoke app一贯有挂（详细透明挂教程）1）辅助挂：...
玩家攻略！红龙扑克是不是有问题... 一、简介了解软件请加微：136704302是一款在线扑克游戏平台，玩家可以在平台上进行多人在线扑克游...
第六分钟了解！微扑克辅助神器，... 第六分钟了解！微扑克辅助神器，微扑克代码其实真的是有挂（详细有辅助挂教程）1、起透看视 透明视辅助2...
透视辅助！微扑克发牌规律性，（... 透视辅助！微扑克发牌规律性，（德州微扑克专用）其实有挂（详细有辅助挂教程）是一款可以让一直输的玩家，...