I have been attempting to call a service from my login.ts file but I am encountering various errors. Here is the code snippet in question:
login.ts
import { Component } from '@angular/core';
import { Auth, User } from '@ionic/cloud-angular';
import { NavController } from 'ionic-angular';
import { Storage } from '@ionic/storage';
import { TabsPage } from '../tabs/tabs';
import { AuthService } from '../../services/auth/auth.service';
import { Observable } from 'rxjs/Rx';
@Component({
templateUrl: 'login.html'
})
export class LoginPage {
authType: string = "login";
error: string;
storage: Storage = new Storage();
constructor(public auth: Auth, public user: User, public navCtrl: NavController, public authService: AuthService) {}
facebookLogin() {
this.auth.login('facebook').then((success) => {
this.authService.signup(this.user.social.facebook).then((success) => {
});
});
}
}
auth.service.ts
import { Storage } from '@ionic/storage';
import { AuthHttp, JwtHelper, tokenNotExpired } from 'angular2-jwt';
import { Injectable, NgZone } from '@angular/core';
import { Observable } from 'rxjs/Rx';
import { Http, Headers } from 'angular2/http';
@Injectable()
export class AuthService {
jwtHelper: JwtHelper = new JwtHelper();
// contentHeader = new Headers({"Content-Type": "application/json"});
storage: Storage = new Storage();
refreshSubscription: any;
user: Object;
zoneImpl: NgZone;
idToken: string;
error: string;
constructor(private authHttp: AuthHttp, zone: NgZone) {
this.zoneImpl = zone;
// Check if there is a profile saved in local storage
this.storage.get('profile').then(profile => {
this.user = JSON.parse(profile);
}).catch(error => {
console.log(error);
});
this.storage.get('id_token').then(token => {
this.idToken = token;
});
}
public authenticated() {
return tokenNotExpired('id_token', this.idToken);
}
public signup(params) {
var url = 'http://127:0.0.1:3000/api/v1/register';
return this.authHttp.post(url, JSON.stringify(params))
.map(res => res.json())
.subscribe(
data => {this.storage.set('id_token', data.token)},
err => this.error = err
);
}
}
Essentially, what I aim to achieve is for the facebookLogin() function to trigger the singup() method within auth.service.ts. However, I am consistently receiving the error message:
Property 'then' does not exist on type 'Subscription'Can anyone provide insight into what this error signifies and offer guidance on how to rectify it?