获取 co.myFunction 不是函数错误

Question

我在执行 angularjs 代码 HTML 代码时遇到以下错误：

<tbody>
              <tr>
              <td class=" ">1<sup>st</sup>
                <div class="box draggable" 
                      appDraggable
                      (draggStart)="ondraggStart()">Delete1</div></td>
                <td class=""><button class="btn " data-toggle="modal" data-target="#EditClass">Edit</button>
                <button class="btn  ">Delete</button></td>
              </tr>
              <tr>
              <td class=" ">2<sup>nd</sup></td>
                <td class=""><button class="btn " data-toggle="modal" data-target="#EditClass">Edit</button>
                <button class="btn  ">Delete</button></td>
              </tr>
              <tr>
              <td class=" ">3<sup>rd</sup></td>
                <td class=""><button class="btn " data-toggle="modal" data-target="#EditClass">Edit</button>
                <button class="btn  ">Delete</button></td>
              </tr>

            </tbody>

app.component.ts 文件代码：

import { Component} from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
ondraggStart = function(){
console.log("got drag start");
}
}

下面是我的 draggble.directive.ts 代码：

import { Directive, HostBinding, HostListener, Output, EventEmitter } from 
'@angular/core';
@Directive({
selector: '[appDraggable]'})
export class DraggableDirective {
@HostBinding('class.draggable') draggable=true;
@Output() draggStart =new EventEmitter<PointerEvent>();
private dragging =false;
@HostListener('pointerdown',['$event']) onpointerdown(event:PointerEvent): 
void{
  this.dragging=true;
  this.draggStart.emit(event);
}
}

执行后我得到以下错误：

 ERROR TypeError: _co.ondraggStart is not a function at Object.eval [as handleEvent] (AddClassComponent.html:24) at handleEvent (core.js:10251)

如果有人在 angular 项目中遇到此错误，请告诉我

Answer 1

通过加载引导库，我的问题得到了解决。