Angular 2 中的邮政服务答案

【问题标题】：Post service in Angular 2Angular 2 中的邮政服务
【发布时间】：2017-04-20 09:18:06
【问题描述】：

我想在Angular 2 中编写登录服务，我使用restangular。这是我的服务：

export class LoginService {

constructor(private restangular: Restangular) {
}

getAuthenticate(name : string, password: string) {
 return this.restangular
  .all('authenticate')
  .post({name: name, password: password});


  }
}

在我的登录组件中，我导入了我的登录服务，当我尝试像这样使用他时：

export class LoginComponent implements OnInit {

user : any = {};

constructor(private loginService : LoginService) { }

ngOnInit() { 
}

login(){
  this.loginService.getAuthenticate(this.user.name, this.user.password)
    .subscribe(
      data => {
      },
      error => {
        console.log(error);
      }
    )
  }

}

有错误

error_handler.js:54 例外：./LoginComponent 类 LoginComponent 中的错误 - 内联模板：15:10 原因：this.loginService.getAuthenticate 不是函数

【问题讨论】：

标签： angular2-services restangular

【解决方案1】：

好的，我解决了这个错误。忘记加了

providers: [LoginService]

【讨论】：

【解决方案2】：

您还可以创建 servicehubpoint 类作为公共访问点，您可以导出该类，以便在需要时可以在服务中导入 servicehubpoint，当然您也需要使用“提供者”来包含组件中的所有服务。

【讨论】：