具有异步功能的 Angular 自定义管道

Question

我正在创建我的自定义管道，culture它执行一些异步 localdb/http 请求以从服务器返回数据。让我们看看以下内容:
{{ 'hello' | culture:'es-mx' }}
我需要这个是 Hola ，但我希望它被渲染 async . PipeTransform界面为我提供 transform(value: any, ...args: any[]): any界面。我该如何实现它 async ?这是可行的吗？

答案在this question ，例如建议 async管道，后跟一个 filter/sort为了实现这一点，主动监听数组更改和过滤器，但这似乎性能很重，因为我的应用程序中有很多管道。

我想实现这样的事情:

 transform(value: any, ...args: any[]): any {

        operation.subscribe(result => {
            // set the pipe value from here...
        })


 }

Answer 1

是的，您可以从管道返回 Observable 或 Promise。 Angular recommends由于频繁的更改检测周期，当管道执行昂贵的操作时缓存在管道中检索到的数据。
上面链接的这个缓存示例是您想要做什么的完美示例。它还描述了 pure: false @Pipe 的属性(property)您将要在此实例中使用的装饰器(因为我假设 http get 请求的 URL 将随着要翻译的文本的更改而更改)。