Question

我想提供一个简单的自动完成功能。作为前端，我计划使用Angular2。作为后端，我获得了基于spring-mvc的HATEOAS restfull API。我希望前端根据REST API提供的CRUD提供自动完成功能。我希望其余的api结果显示为自动完成列表。

E.g。用户输入： empl _

自动完成选项的返回列表（基于HATEOAS）：

员工创建
员工名单
员工添加
员工删除等

问题：

如何有效地使用Angular2实现它，即使用户不会遭受长时间加载自动完成列表？
Angular2是否足够或者我应该使用其他第三方技术，例如.caching / indexing还是有状态的（如流星）？

Answer 1

我会考虑使用Angular 2.0的反应式编程功能来完成这项工作。类似的东西：

this.searchResults = Observable.from((<EventEmitter>this.searchText.valueChanges).toRx())
   .debounceTime(200)
   .switchMap((val:string) => myService.load(val))
   .merge(this.clear.toRx().mapTo([]));

this 帖子，“反应式编程”下的更多详细信息＆＃39;部分。反应式编程世界有很多这方面的例子。

希望它能回答你的问题

如何使用Angular2消耗非角度服务器HATEOAS端点？

问题：

1 个答案: