如何在单击按钮时使用TypeScript

时间:2014-08-06 04:50:46

标签: typescript

我正在尝试在我的应用程序中使用typescript。同样我正在做一个POC,在POC中我想在按钮点击时调用一个在TypeScript类中定义的函数。

是否可以调用该功能? 如果是,那么如何?

到目前为止,我已经看到了仅在Page load上调用函数的示例。 我需要在某个事件上调用一个函数。

感谢。

2 个答案:

答案 0 :(得分:4)

  

我需要在某个事件上调用一个函数。

如果功能是全局的,例如TypeScript:

function foo(){
   alert('foo');
}

只需使用onclick,例如html:

<button onclick="foo()">click me!</button>

记住TypeScript (几乎)是JavaScript。

但是我建议使用像TypeScript这样的框架。为了可维护性。举个例子来看看:http://youtu.be/Km0DpfX5ZxM

答案 1 :(得分:0)

HTML将:

<button (click)="myMethod($event)">Click Event</button>
.ts文件中的

功能

private myMethod(event:any):void
{
   alert(JSON.stringify(event));
}