Angular 2中的邮政服务

时间:2017-04-20 09:18:07

标签: angular2-services restangular

我想在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 EXCEPTION:./LoginComponent类中的错误LoginComponent - 内联模板:15:10导致:this.loginService.getAuthenticate不是函数

2 个答案:

答案 0 :(得分:0)

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

providers: [LoginService]

答案 1 :(得分:0)

您还可以创建servicehubpoint类作为公共访问点,并且您可以导出该类,以便在需要时可以在服务中导入servicehubpoint,也绝对需要使用“providers”来包含组件中的所有服务。