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养号规律，竞技联盟辅助（透视）详情教程（有挂细节）-哔哩哔哩1、下载好wep...
透视插件！悦扑克脚本，aapo... 透视插件！悦扑克脚本，aapoker怎么选牌（透视）有挂教程（有挂头条）-哔哩哔哩1、aapoker...
据权威媒体报道！wepoker... 据权威媒体报道！wepoker手机插件，新超圣辅助器，技法教程（有挂秘诀）-哔哩哔哩1、完成wepo...
备受关注的！we poker插... 备受关注的！we poker插件，wepoker有透视底牌吗（透视）推荐教程（有挂解密）-哔哩哔哩1...
据统计！竹间茶馆透视码，wep... 据统计！竹间茶馆透视码，wepoker插件辅助，机巧教程（真的有挂）-哔哩哔哩1）竹间茶馆透视码辅助...
透视app！wepoker免费... 透视app！wepoker免费透视，德普之星辅助工具如何打开（透视）解谜教程（真的有挂）-哔哩哔哩德...
记者获悉！789大菠萝辅助，火... 记者获悉！789大菠萝辅助，火神大厅开挂，秘籍教程（真的有挂）-哔哩哔哩一、789大菠萝辅助可以开透...
最新消息！约局吧德州真的有透视... 最新消息！约局吧德州真的有透视挂吗，we-poker是什么软件（透视）推荐教程（有挂神器）-哔哩哔哩...
现场直击！欢聚水鱼智能辅助，人... 现场直击！欢聚水鱼智能辅助，人海大厅反杀，步骤教程（存在有挂）-哔哩哔哩1）欢聚水鱼智能辅助辅助插件...
透视了解！wpk透视工作室，w... 透视了解！wpk透视工作室，wepoker私人局怎么玩（透视）解密教程（有挂攻略）-哔哩哔哩1、操作...