angular2 ошибка впрыскивания зависимостей

Question

Я пытаюсь получить доступ к простому методу из класса обслуживания в компоненте.

//myfriend.service.ts 

export class MyFriendService(){ 

constructor(){} 

testMe() { 
    window.alert("im friend service"); 
} 
} 


//myfriend.component.ts 
import {Component} from 'angular2/core'; 
import {MyFriendService} from 'app/components/myfriend/myfriend.service'; 

@Component({ 
directives: [], 
providers: [MyFriendService], 
templateUrl: `app/components/myfriend/myfriend-view.html` 
}) 

export class MyFriendCmp { 

constructor(myFriendService: MyFriendService) { 

    myFriendService.testMe(); 

} 

} 

он бросает ошибку

myFriendService.testMe is not a function. 

Я потратил много времени на это, чтобы получить это work.but еще trying.Help мне, чтобы понять это. Благодаря!.

Answer 1

Working Plnkr

О вы можете в это поверить? Понадобилось очень много времени, чтобы понять это. Но вы поставили

не требуется скобка взгляд на этой линии экспорта класса MyFriendService() < = Эта скобка не требуется.

Я сделал два-три plunkr, и каждый раз, когда он работал, он занимал много времени, чтобы понять это, что вы столкнулись с проблемой с круглыми скобками.

export class MyFriendService{ 

constructor(){} 

    testMe() { 
     window.alert("im friend service"); 
    } 
}