Angularjs4.0 app.module.ts注册HTTP JSONP服务

幽梦林子

Angularjs4.0 app.module.ts如何注册HTTP JSONP服务呢？我们按以下步骤即可完成注册：

1.引入HttpModule 、JsonpModule

     普通的 HTTP 调用并不需要用到 JsonpModule，不过稍后我们就会演示对 JSONP 的支持， 所以现在就加载它，免得再回来改浪费时间。

1. import { HttpModule, JsonpModule } from '@angular/http';

复制代码

2.HttpModule 、JsonpModule依赖注入

1. @NgModule({
   
2.   declarations: [
   
3.     AppComponent,
   
4.     HomeComponent,
   
5.     NewsComponent,
   
6.     NewscontentComponent
   
7.   ],
   
8.   imports: [
   
9.     BrowserModule,
   
10.     FormsModule,
    
11.     HttpModule,
    
12.     JsonpModule,
    
13.     AppRoutingModule
    
14.   ],
    
15.   providers: [StorageService,NewsService],
    
16.   bootstrap: [AppComponent]
    
17. })
    
18. export class AppModule { }

复制代码