Angular 角度2可见。从事件到按钮单击
我有一些交替使用两者的代码Angular 角度2可见。从事件到按钮单击,angular,typescript,rxjs,Angular,Typescript,Rxjs,我有一些交替使用两者的代码 和可观察。fromEvent(button.nativeElement.'click') 这两种方法的区别是什么?什么时候我应该选择一个到另一个?可观察的方法更灵活。有许多函数可用于可观察对象。自己读这本书会很好 如果您只想处理单击并执行基本操作,只需使用按钮单击,但如果您需要对单击事件进行操作,并且您认为需要为该操作编写大量逻辑(例如:仅在前一个或合并一段时间后触发事件,然后单击其他api调用,并在显示在标记中之前对传入数据进行一些操作),首先查看可观察对象的文档,
和可观察。fromEvent(button.nativeElement.'click')
这两种方法的区别是什么?什么时候我应该选择一个到另一个?可观察的方法更灵活。有许多函数可用于可观察对象。自己读这本书会很好 如果您只想处理
单击
并执行基本操作,只需使用按钮单击,但如果您需要对单击
事件进行操作,并且您认为需要为该操作编写大量逻辑(例如:仅在前一个或合并一段时间后触发事件,然后单击其他api调用
,并在显示在标记中之前对传入数据进行一些操作),首先查看可观察对象的文档,可能有一些方法可以帮助您实现逻辑
应用三种方法时的执行顺序
const button=$('#btn');
document.getElementById('btn').addEventListener('click',()=>console.log('From pure callback'));
Rx.Observable.fromEvent(按钮“单击”)
.subscribe(()=>console.log('From observable'));
on('click',()=>console.log('fromjquerycallback');
单击
为什么我们在同一个单击事件的单个按钮中同时使用这两种方法?您只需使用一种方法当两种方法都连接到一个按钮上时,执行顺序是什么?在同一个事件上?@Jocket请参阅代码部分。哪一种方法会更快连接,将很快被触发。