Angular, перетаскивание, изменение текста при перетаскивании элемента

Question

Как изменить текст перетаскиваемого элемента, при перетаскивании у меня есть фрагмент из библиотеки cdk / drag-and-drop. Это дает параметр, чтобы поймать событие, перетаскивая. Я могу изменить через нативный элемент, но он меняет все стили, а также мне нужно установить другое событие на dragover или другие действия. Какие есть варианты, если я хочу поместить произвольный текст на элемент перетаскивания?

В Html

(cdkDragStarted)="dragStarted($event)"  

В TS

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

Answer 1

Если вы хотите поместить произвольный текст в перетаскиваемый элемент, вы должны использовать * cdkDragPreview

Answer 2

Я не уверен на 100%, но я знаю, renderer2 - рекомендуемый способ взаимодействия с шаблоном из файла ts. Возможно, в методе перетаскивания попробуйте изменить текст с помощью renderer2. Если он по-прежнему не меняется правильно, моим следующим шагом будет обнаружение изменений вручную в методе dragStarted. Если вы хотите, чтобы оно временно изменилось во время перетаскивания, ответ Муравьева вас охватит.