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

相关内容

热门资讯

黑科技攻略(wepoke计算辅... 黑科技攻略(wepoke计算辅助)外挂透视辅助神器(透视)果然是真的有挂(黑科技插件)；1.wepo...
黑科技好牌(微扑克辅助机器人)... 黑科技好牌(微扑克辅助机器人)外挂透明挂辅助app(透视)都是有挂(黑科技解说)微扑克辅助机器人辅助...
黑科技新版(微扑克游戏辅助器)... 黑科技新版(微扑克游戏辅助器)外挂透明挂辅助教程(透视)其实是真的有挂(黑科技揭秘)；微扑克游戏辅助...
黑科技好友房(wepower有... 黑科技好友房(wepower有外挂)外挂透视辅助app(透视)果然是有挂(黑科技插件)；1、上手简单...
黑科技app(aapoker系... 黑科技app(aapoker系统机制)外挂透明挂辅助下载(透视)原来真的有挂(黑科技黑科技)1、全新...
黑科技好友房(德州之星辅助软件... 黑科技好友房(德州之星辅助软件介绍)外挂黑科技辅助方法(透视)一直真的有挂(黑科技解说)1、上手简单...
黑科技真的(wpk俱乐部)外挂... 黑科技真的(wpk俱乐部)外挂透视辅助方法(透视)果然是真的有挂(黑科技辅助)1、任何wpk俱乐部a...
黑科技安装(WePoKe外挂)... 黑科技安装(WePoKe外挂)外挂透视辅助方法(透视)竟然是真的有挂(黑科技方法)WePoKe外挂辅...
黑科技新版(wepoke辅助使... 黑科技新版(wepoke辅助使用方法)外挂黑科技辅助app(透视)原来真的是有挂(黑科技脚本)1、打...
黑科技规律(红龙扑克辅助器原理... 黑科技规律(红龙扑克辅助器原理)外挂黑科技辅助安装(透视)真是是有挂(黑科技详情)1）红龙扑克辅助器...