Angular 2 Pipe - 无法在承诺中返回值

Question

我正在尝试为 angular2 做一个非常简单的翻译管道。但我可能错了如何承诺工作。这个想法是从调用 PouchDB 中的文档的异步服务中获取语言参数。 仅供参考，数据是这样组织的：

{
title: {
   fr: "text in french",
   en : "text in english",
...
}

promise 中的 return 不起作用。 html 模板为空。我不明白为什么。

@Pipe({name: 'translate'})

export class Translate {

  lang:any;

  constructor(private interfaceService: Interface){}

  transform(obj) {

    this.interfaceService.getParams().then((data) => {
      return obj[data.language]
    }).catch((error) => {
      console.log(error);
    });

  }

}

如果我把回报放在承诺之外，它会起作用：

@Pipe({name: 'translate'})

export class Translate {

  lang:any;

  constructor(private interfaceService: Interface){}

  transform(obj) {
   return obj.en

  }

}

感谢您的帮助

Answer 1

您必须从函数返回结果承诺。

export class Translate {
  // ...
  transform(obj) {
    return this.interfaceService.getParams().then((data) => {
      return obj[data.language]
    }).catch((error) => {
      console.log(error);
      throw error; // or `return Promise.reject(error);`
    });
  }
}