HTML 5使用Angular Typescript拖放

我正在用Angular应用程序测试HTML5拖放。只是想知道这里出了什么问题。我在应用程序中有以下代码。组成部分html文件。

<div>
  <p draggable="true" ondragstart="drag(event)">Coffee</p>
</div>

我在Typescript文件应用程序中有这个。组成部分ts

export class AppComponent {

 function drag(ev) {
    console.log(ev);
  }
}

它表示浏览器控制台中存在引用错误。为什么它不在控制台上输出任何东西?请告知!