在异步请求中
1、我们可以用async管道来控制，如

<p>{{ promise | async }}</p>

2、或者直接使用Promise方法

问题场景：
一进入页面的情况下直接请求后台接口，由于他本身的特点，html的http请求会最后执行。
虽然你写的位置是在上面，他在执行的时候会直接跳过，从http中获取的参数，导致无法赋值【undifined】

使用场景：
遇到这种情况，我们可以用Promise来要求它，按照我们写代码的顺序执行请求

demo：【值得注意的是catch和then都会影响执行顺序，为了得到其中的值，就不写catch了，如果写了执行时会直接跳过】
 

getHero(): Promise<any> {return this.http.get(this.tableDataStructureUrl).toPromise();}

//报错方法

private handleError<T>(operation = 'operation', result?: T) {return (error: any): Observable<T> => {return of(result as T);};}

调用：

console.log("xxxx")console.log('刚执行完'+this.getHero().then(r => {r as TableContent;console.log('demo'+r);console.log('demo'+r.message);}));

通过then方法，我们可以获取Promise方法返回的结果， r是获得的数据，括号里面可以添加对数据进行的操作（可以加函数），我写的版本中在刚开始的时候没有声明函数的类型后面在返回的时候as声明了类型，想要获取里面的参数可以通过点属性即可。

看了很多博客，总结了他们的精华，有些东西照搬但是实际上会遇到很多问题

问题1：我一开始照搬下方代码，但是直接不执行，发现是catch的影响。

看了的博客一地址：http://www.cnblogs.com/34fj/p/9252793.html

getModelText(): Promise<any> {// The Observable returned by get() is of type Observable<string>// because a text response was specified.// There's no need to pass a <string> type parameter to get().return this.http.get(this.getModelUrl).toPromise().catch(this.handleError());}

问题2：我一开始照搬下方代码，发现没有值返回。

看了博客二地址：http://yunkus.com/angular-tutorial-part6/ 这个确实写的很好，大家可以多看看

getHeroes(): Promise<Hero[]> {return this.http.get(this.heroesUrl).toPromise().then(response => response.json().data as Hero[]).catch(this.handleError);
}

在我的angular6中不知道为啥any返回才有值，既然then方法中支持对数据操作，在里面声明返回值类型和返回值打印

再发一次：

getHero(): Promise<any> {return this.http.get(this.tableDataStructureUrl).toPromise();}
=======================================================================
this.getHero().then(r => {r as TableContent;console.log('demo'+r);console.log('demo'+r.message);});or
-----------------------------------------------------------------------//Promise请求getTableContentPromise(): Promise<any> {return this.http.get(this.tableDataStructureUrl).toPromise().then(response => {this.tabledatasource = response as TableContent;//执行表单填充方法--要在http厚民啊直接执行的内容this.getTableContent();}).catch(this.handleError);}