角度,拖放,在拖动元素时更改文本

时间:2020-04-15 14:09:59

标签: angular drag-and-drop

如何更改可拖动元素的文本,在拖动时,我有cdk / drag-and-drop库中的片段。它提供参数以在拖动时捕获事件。我可以通过本机元素进行更改,但它会更改所有样式,并且还需要在拖动或其他操作上设置另一个事件。如果要在拖动元素上放置随机文本,有什么选择?

以HTML格式

(cdkDragStarted)="dragStarted($event)"  

在TS

dragStarted(event) {  
    event.source.element.nativeElement.textContent = '1212';
  }

2 个答案:

答案 0 :(得分:1)

如果要在拖动元素上放置随机文本,则应使用*cdkDragPreview

答案 1 :(得分:0)

我不确定100%,但是我知道renderer2是处理ts文件中模板交互的推荐方法。也许在拖动方法中,尝试使用renderer2修改文本。如果仍然无法正确更改,则下一步是在dragStarted方法中进行一些手动更改检测。 如果您希望它在被拖动时暂时改变,请参考muravev的回答。