Events 角度2-事件列表

我是Angular 2的新手。从AngularJS到Angular2的对应事件是什么？ 例如：

ng单击

to（单击）

如何处理

ng init

和所有其他事件？我在VS.NET中没有intellisense，所以很难猜测

请帮忙

---

谢谢

您可以使用以下语法来处理事件（例如

单击

像

ng单击

带角度1）：

希望它能帮助你，

---

Thierry

这是Angular2的最大优势之一。不再是每个事件都需要定制的

ng xxx

指令。
由于自定义元素和所有其他库都会生成各种自定义事件，这种方法行不通

在Angular2中，

（eventName）=“expression”

绑定语法允许订阅任何已知和未知事件

$event

变量仍然可用

（eventName）=“myEventHandler（$event）”

---

另请参见

了解Angular 2的好地方是官方网页

您可以看到所有的angular2/commonngxxx，尽管现在是ngXxxx

在我的例子中，理解Angular 1和Angular 2之间差异的最佳方法是学习教程：

• ：这是Angular的实用指南，适用于使用HTML和JavaScript构建客户端应用程序的经验丰富的程序员

---

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

只需删除前缀上的

onclick
-->
（单击）

onkeypress
-->
（按键）

等等

您还可以创建自定义事件

但是
ngInit
不是HTML事件，这是Angular组件生命周期的一部分，在Angular 2中，它们使用“钩子”进行处理，钩子基本上是组件内部的特定方法名称，只要组件进入特定周期，就会调用。比如：



等等。
以下是事件列表
如果需要更多信息，请查看文档

(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()"

“默认处理的事件应该从原始HTML DOM组件的事件映射”这里是一个列表。这里是chekc@Langley的另一个位置您是否有指向角度特定事件的完整列表的链接，例如
ngOnInit
和
ngondestry
？哇，最流行的答案毕竟不是那么准确，它可能会误导很多用户，所以让我解释一下我的意思，onclick是一个javascript-dom事件，其中as-click是一个原始的html-dom事件。因此，它并不完全是单击-->单击，而是简单地单击->（单击）此列表来自何处？你指的是什么文档？@BillyTom文档链接是：实际上还有很多。请参见此处：$event是什么类型的？而不是将任何事件放入.ts文件中，这是它的预定义事件？这取决于
eventName
。对于DOM事件，您可以从mdn（如“click”）获得信息，如果是从Angular指令或组件获得的，则可以从其文档中获得。
@Component({
  selector: 'my-selector',
  template: `
    <div>
      <button (click)="callSomeMethodOfTheComponent()">Click</button>
      <sub-component (my-event)="callSomeMethodOfTheComponent()"></sub-component>
    </div>
  `,
  directives: [SubComponent]
})
export class MyComponent {
  callSomeMethodOfTheComponent() {
    console.log('callSomeMethodOfTheComponent called');
  }
}

@Component({
  selector: 'sub-component',
  template: `
    <div>
      <button (click)="myEvent.emit()">Click (from sub component)</button>
    </div>
  `
})
export class SubComponent {
  @Output()
  myEvent: EventEmitter;

  constructor() {
    this.myEvent = new EventEmitter();
  }
}

(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()"