Angular2 五:异步获取数据

强烈建议您看完前面对教程(传送门),再来学习这次的 异步获取数据教程

接上第四节的讲: 我们怎么异步获取 英雄列表的所有数据呢?

promise
一直中文有都点累了,从官网上摘录一点英文,本人感觉是对promise最好的解释了,您不妨翻译一下试试看看
APromiseis ... well it's a promise to call us back later when the results are ready. We ask an asynchronous service to do some work and give it a callback function. It does that work (somewhere) and eventually it calls our function with the results of the work or an error.

好了,相信读完之后应该对promise有个大概的了解了吧,
ok,那接下来就让我们通过promise这个强大的函数回调机制来完成我们对英雄列表所有数据的异步获取吧

1.打开hero-service.js 文件
    修改一下getHeroes()方法,如下图1 所示:
    

图1

2.接下来,获取英雄数据的app.component.ts文件是不是也应该改点东西呢?
    因为已经不再是简单地同步获取数据了,我们现实是异步获取数据,
    所以在app.component.ts文件中拿数据的时候也不再是那么简单了,
    我们要在promise的回调函数中获取数据了:  
    修改app.component.ts文件的getHeroes()方法,代码 图2:
        

图2

好了,大功告成,异步获取数据的方式你都会了,还有什么能挡得住你的,继续努力吧骚年,看好你哟!☺

什么  累了,不想学了,感觉没意思,没新鲜感了,  
好吧,我的错.看了这么长时间了,也没送点啥福利,     点啊  你点就有

打起精神来,最牛逼的东西要出来了,-----路由  
页面之间的跳转和传值