如何获取可拖拽元素Angular2的Id

<div id="draggableElement" draggable="true">可拖拽元素</div>

import { Component, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-draggable',
  template: `
    <div #draggableElement id="draggableElement" draggable="true">可拖拽元素</div>
  `
})
export class DraggableComponent {
  @ViewChild('draggableElement', { static: true }) draggableElement: ElementRef;

  elementId: string;

  ngAfterViewInit() {
    this.elementId = this.draggableElement.nativeElement.id;
  }
}