角度1ではangular2

Question

で共有可能なサービスを書く、私は以下のようにサービスを作成します。

// dataCache service used as a cache 
angular.module('foo').service('dataCache', function() { 
    this.firstname; 
    this.lastname; 
}); 

今、私はコントローラや他のサービスの任意の数にこのサービスを注入し、保持するか、姓と名の値をリセットすることができます。 dataCacheは共有可能なサービスです。私はこのサービスを注入したとき、私は角2

import { Injectable } from '@angular/core'; 

@Injectable() 
export class dataCache { 
    constructor(public firstname: string, public lastname: string) { 
    } 
} 

に似た何かを書きたい

は今、私は、これはそれが

import {dataCache} from '<folder>/datacache.service'; 

@Page({ 
    template: ``, 
    providers: [dataCache] 
}) 
export class somePage { 
    constructor(private data: dataCache) {} 
} 

を使われている方法である

Property 'fistname' does not exist on type 'dataCache'. 

を言ってエラーが出ます

Answer 1

試してみる

import { Injectable } from '@angular/core'; 

@Injectable() 
export class dataCache { 

    //------------either-------------------- 

    public firstname: string="micronyks"; 
    public lastname: string="angular2"; 

//------------End-------------------- 

//-------------or---------------- 

    public firstname: string; 
    public lastname: string; 

    constructor() 
    { 
     this.firstname="micronyks"; 
     this.lastname:"angular2"; 
    } 
    //--------------End----------------- 

} 

in component。

export class app{ 
    constructor(private ss:dataCache){ 
      console.log(ss.firstname) //micronyks 
    } 
}