angular2 问题请教
2024-10-18 13:53:27
angular2 通过http服务进行对后端api的远程调用?
我简单的尝试了一下,发现了几个问题,记录一下,以方便查找问题。
- angular2 http服务的跨域问题?跨域本身就是一个很复杂的问题,angular2对跨域的处理。
- angular2 如果在providers中加入http服务会出现什么问题?
- promise http服务会强迫我们使用Observerable,但是我们可以转换成promise,还是遵循官方指导,学习rxjs吧。
现在我们先看第二个问题?
import { NgModule } from '@angular/core';
import { Http, HttpModule } from '@angular/http';
import { HeroListComponent } from './hero-list.component'; @NgModule({
imports: [HttpModule],
declarations: [HeroListComponent],
providers: [Http]
}) export class HeroListModule
{ }
我在providers中添加了http服务。如果此时我通过http获取远程url内容。
import { Component } from '@angular/core';
import { Http } from '@angular/http'; @Component({
templateUrl: './hero-list.component.html'
}) export class HeroListComponent {
private baiduhtml: string;
constructor(private http: Http) {
this.http.get("http://localhost:8080/dashboard/datalist").toPromise().then((data) => {
this.baiduhtml = data.text();
}).catch(this.handleError);
} private handleError(error: any): Promise<any> {
console.error('An error occurred', error); // for demo purposes only
return Promise.reject(error.message || error);
} }
很不好意思?出现了错误
如果我们去掉providers中的http,执行正常。
这是不是提示我们,服务不能重复的在providers中添加呢?那么如果不能重复添加,我们该如何避免呢?暂时没想到好办法,希望有合适方法的指导一下??
因为团队开发,我们不能避免出现重复添加的问题。
关于跨域问题的研究,加入一个header就可以搞定,这涉及到了http的细节,不属于问题。
最新文章
- webView和js交互
- 【JAVA网络流之TCP与UDP 】
- Fallout4 Creation Kit
- 自动化测试管理平台ATMS(V2.0.2_8.19)下载
- Merge compare columns when null
- 【结构型】Decorate模式
- IOS Block 反向传值
- HTTPS的学习总结
- adnroid仿miui的dialog
- class 添加样式,删除,开关 【选择】addClass,removeClass,toggleClass
- 二、ASP.NET MVC Controller 控制器(一:深入解析控制器运行原理)
- HTML段落自动换行的样式设置
- jquery.cookie实战用法详细解析
- 深入理解Android中View
- c语言中宏定义和常量定义的区别
- Spark机器学习基础二
- android ------- 开发者的 RxJava 详解
- 【逆向笔记】OD工具使用-逆向TraceMe.exe
- Makefile 中@是什么意思
- raspberry pi wifi