Angular 2 - 事件列表

Question

我是Angular 2的新手.从AngularJS到Angular 2的相应事件是什么？例如:ng-click到(点击)

怎么样ng-init和所有其他事件？我在VS .NET中没有intellisense,所以很难猜到.

请帮忙!

谢谢

Answer 1

应从原始HTML DOM组件的事件映射默认处理事件:

http://www.w3schools.com/jsref/dom_obj_event.asp

只需删除on前缀即可.

onclick ---> (click)

onkeypress ---> (keypress)

等等...

您还可以创建自定义事件.

但是ngInit不是HTML事件,这是Angular的Component生命周期的一部分,而在Angular 2中,它们是使用"hooks"处理的,它们基本上是组件内部的特定方法名称,只要组件进入特定循环,就会调用它们.喜欢:

ngOnInit

ngOnDestroy

等等...

Answer 2

以下是Angular中的事件列表如果需要,请查看文档以获取更多信息

(focus)="myMethod()"
(blur)="myMethod()" 
(submit)="myMethod()"  
(scroll)="myMethod()"

(cut)="myMethod()"
(copy)="myMethod()"
(paste)="myMethod()"

(keydown)="myMethod()"
(keypress)="myMethod()"
(keyup)="myMethod()"

(mouseenter)="myMethod()"
(mousedown)="myMethod()"
(mouseup)="myMethod()"

(click)="myMethod()"
(dblclick)="myMethod()"

(drag)="myMethod()"
(dragover)="myMethod()"
(drop)="myMethod()"

Answer 3

这是Angular2的一大优势.并非每个事件都需要定制ng-xxx指令.
使用自定义元素和所有其他库生成各种自定义事件,这种方法不会飞.

在Angular2中,(eventName)="expression"绑定语法允许订阅任何已知和未知的事件.

该$event变量仍然可用(eventName)="myEventHandler($event)"

另见https://angular.io/docs/ts/latest/guide/template-syntax.html#!#event-binding