从< button>可以观察到Angular2中的click事件 [英] Observable from <button> click event in Angular2

问题描述

使用Angular 2从按钮的onclick事件创建可观察对象的首选方法是什么?

What's the preferred way to create an observable from a button's onclick event using Angular 2?

我不确定从组件代码中的DOM中获取本机元素是否被认为是最佳实践(我该怎么做?)，或者是否有我不知道的其他快捷方式.

I'm not sure if it's considered best practice to grab the native element from the DOM in the component code (how do I do this?), or if there's some other shortcut I don't know about.

推荐答案

您可以像

或者只是向可观察到的那样

Or just forward to an observable like

private obs = new Subject();
public obs$ = this.obs.asObservable();

@HostListener('click', ['$event']) 
clickHandler(event){
  this.obs.next(event);
}

或

<button (click)="obs.next($event)">

这篇关于从< button>可以观察到Angular2中的click事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！