Question

我是角色的新手，听起来可能很傻但是我没有得到这段代码的工作原理

＆＃xA;＆＃xA;

  this.ms.getList（）。然后（（hl）=＆gt; {this.HeroesList = hl;}）;＆＃xA;

＆＃xA;＆＃xA;

我调用了服务方法，成功的是什么呢回来了？

＆＃xA;＆＃xA;

其次，这个箭头函数如何获得我的服务必须返回的英雄数组，然后将数组分配给我的组件变量，

＆＃xA; ＆＃xA;

我的组件代码：

＆＃xA;＆＃xA;

 构造函数（私有ms：myService）{＆＃xA; }＆＃XA; ngOnInit（）{＆＃xA; this.ms.getList（）。then（（hl）=＆gt; {this.HeroesList = hl;}）;＆＃xA; }＆＃xA;

＆＃xA;＆＃xA;

以下是服务：

＆＃xA;＆＃xA;

  import {注入来自'@ angular / core'＆＃xA;导入{Hero}来自'./hero'
import {HeroesList}来自'./heroesList'
@Injectable()
export class myService {＆＃xA;英雄：英雄[];＆＃xA; getList（）：Promise＆lt; Hero []＆gt; {＆＃XA;返回Promise.resolve（HeroesList）; //成功时，返回列表＆＃xA; }＆＃XA;＆＃XA;}＆＃XA;

＆＃XA;

Answer 1

如果你看一下如何将TypeScript转换为JavaScript（ES5），可能会更容易理解。

你的TypeScript：

this.ms.getList().then((hl) => { this.HeroesList = hl; });

透明化为JavaScript：

this.ms.getList().then(function(hl) { 
    this.HeroesList = hl; 
});

Promise .then()函数接受两个回调函数，一个用于成功回调，另一个用于错误回调。您只使用成功回调。因此，当您的Promise上执行.then()时，如果您的Promise成功，它将回调您定义的成功函数。然后，您定义的成功函数会将服务变量设置为Promise的已解析结果。

Answer 2

当promise解析时......它返回的是heroeslist，它是组件中的h1然后运行。

Angular2中的Promise和Arrow函数

2 个答案: