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开挂-果然真的有辅助app（哔哩哔哩）1、让任何...
透视专业！wpk辅助哪里买，w... 透视专业！wpk辅助哪里买，wpk软件是真的吗-竟然真的是有辅助方法（哔哩哔哩）进入游戏-大厅左侧-...
透视曝光！wepoker可以透... 透视曝光！wepoker可以透视码，wepoker免费钻石-果然有辅助神器（哔哩哔哩）1、这是跨平台...
透视开挂！wpk俱乐部辅助器，... 透视开挂！wpk俱乐部辅助器，wpk可以作弊吗-果然真的有辅助工具（哔哩哔哩）进入游戏-大厅左侧-新...
透视推荐！wepoker免费透... 透视推荐！wepoker免费透视脚本，wepoker有插件吗-总是一直都是有辅助工具（哔哩哔哩）所有...
透视详情！德普之星的辅助工具介... 透视详情！德普之星的辅助工具介绍，德普之星辅助工具如何设置-其实一直都是有辅助脚本（哔哩哔哩）一、游...
透视曝光！wpk插件辅助，wp... 透视曝光！wpk插件辅助，wpk透视工作室-原来真的是有辅助脚本（哔哩哔哩）1、下载好透视辅助下载之...
透视辅助！wpk免费辅助，wp... 透视辅助！wpk免费辅助，wpk真吗-真是真的是有辅助app（哔哩哔哩）1、下载好透视辅助下载之后点...
透视必备！wpk俱乐部是真的吗... 透视必备！wpk俱乐部是真的吗，wpk透视是真的假的-都是真的是有辅助教程（哔哩哔哩）1、这是跨平台...
透视解密！wpk有作弊吗，wp... 透视解密！wpk有作弊吗，wpk有那种辅助吗-真是有辅助软件（哔哩哔哩）1、让任何用户在无需安装教程...