如何通过Angular2的Observables实现交互控制的长尾词方法？

本文共计1989个文字，预计阅读时间需要8分钟。

在Angular1.x中，我们常用Promise处理各种异步操作。而到了Angular2，我们转向使用Reactive Extensions (RxJS) 的Observable。Promise与Observable的主要区别在于：

- Promise是一个完成或失败的结果，而Observable可以发射多个值，支持更复杂的异步数据处理。- Promise提供简洁的API，但Observable提供了更多的操作符，使得数据流处理更加灵活。

推荐学习资源：egghead.io上的7分钟视频，深入理解两者的区别。

在Angular1.x中，我们使用Promise来处理各种异步。但是在angular2中，使用的是Reactive Extensions (Rx)的Observable。对于Promise和Observable的区别，网上有很多文章，推荐egghead.io上的这个7分钟的视频（作者 Ben Lesh）。在这个视频的介绍中，主要说的，使用Observable创建的异步任务，可以被处理，而且是延时加载的。这篇文章里，我们主要针对一些在跟服务器端交互的时候遇到的问题，来看看Observable给我们带来的特性。

实例场景

首先，我们来定义一下问题的场景。假设我们要实现一个搜索功能，有一个简单的输入框，当用户输入文字的时候，实时的利用输入的文字进行查询，并显示查询的结果。

问题

在这个简单的场景当中，一般需要考虑3个问题：

不能在用户输入每个字符的时候就触发搜索。