TypeError:无法读取未定义的属性“http”

时间:2017-09-12 08:20:53

标签: javascript angular rest http typescript

我试图把它放在我的rest API中,但我一直得到TypeError。

import { Component, OnInit, Inject, Injectable } from '@angular/core';
import { AuthService } from "../core/auth.service";
import { HttpClient, HttpErrorResponse } from '@angular/common/http';
import * as firebase from 'firebase/app'; //Firebase SDK

@Injectable()
export class LoginService implements OnInit {

  constructor(public auth: AuthService, private http: HttpClient) {

  }
  ngOnInit() {
  }

  lastLogin() {
    firebase.auth().currentUser.getIdToken(true).then(function(idToken) {
      // Send token to your backend via HTTPS
      //console.log(idToken);
      const req = this.http.put('https://dev-api.byrd.news/v1/login', {
        user_token: idToken
      })
      .subscribe(
        res => {
          console.log(res);
        },
        err => {
          console.log("error skete");
        }
      );
    });

  }
}

我调用该函数只是为了记录用户的lastLogin,这是日期,如果是成功的话。 通过firebase完成它,我应该根据文档https://firebase.google.com/docs/auth/admin/verify-id-tokens

收到idToken

我做错了什么?

1 个答案:

答案 0 :(得分:1)

在这一行:

firebase.auth().currentUser.getIdToken(true).then(function(idToken) {

将匿名函数更改为箭头函数:

firebase.auth().currentUser.getIdToken(true).then((idToken) => {

这会让this成为函数内LoginService的实例。