angular2中服务的创建和使用

首先是我么你要创建一个服务以xxx.service.ts的文件名

内容为：

import  {Injectable} from  'angular2/core' ;

import  {PLANETS} from  './planets-data' ;

@Injectable()

export  class  PlanetService {

     getPlanets(){//在服务里写一个方法

         return  Promise.resolve(PLANETS);

     }

}

需要将这个文件在app文件中的app.module.ts这个文件中的import一下我们的文件 并且需要 本文件中的providers:[ PlanetService ]中写入我么你的服务

最后就是将我们写的服务注入到我们需要的模块中也就是调用服务

import  {Component} from  "angular2/core" ;

import  {PlanetService} from  "./planet.service" ;  // 引入服务（import）的地址

import  {PlanetComponent} from  "./planet.component" ;

import  {Planet} from  "./planet" ;

@Component({

     selector:  "my-app" ,

     templateUrl:  "app/planet-list.component.html" ,

     directives: [PlanetComponent],

     providers:[PlanetService],  // 使用providers 来注入服务

})

export  class  PlanetListComponent{

     public planets : Planet[];

     public selectedPlanet = {};

     public onNameClick(planet){

         this .selectedPlanet = planet;

     }

     constructor( public  _planetService: PlanetService){   // 

         this .getPlanets();

     }

     // make a call to our planet service

     getPlanets(){   //4

         this ._planetService.getPlanets().then((planets:Planet[])=> this .planets = planets);//调使用promise调用服务里面的方法

     }

}

-----------------------------------------------

 引入服务（import）

 使用providers 来注入服务

创建一个服务的示例

使用promise调用服务