Home / Questions / 253189
Accepted
Alberto Julio Arce Escolar
Asked: 2020-04-10 18:15:16 +0800 CST 2020-04-10 18:15:16 +0800 CST

how can i return this value in angular

  • 772

this part is the component where I am receiving a json. it contains the number.

 public loginA(){

   this.loginService.login(this.usuario).subscribe(
      datos => {return datos['id']}

    );

  }

The value that data ['id'] shows me there can be 1 or -1 but I can't return it to this guard

export class LoginGuard implements CanActivate {
  constructor(private loginComponent:LoginComponent){}
  canActivate(){
    if(this.loginComponent.loginA()>0){
      return true;
    }else{
      return false;
    }

  }

}

here it gives error this.loginComponent.loginA() because it is not returning anything

angular6

3 Answers

  1. The error can occur here

    datos['id']

    since it is an array you have to access the index of the array like this

    datos[indice].propiedad

    For you it would be something like this

    datos[0].id

    • 0
  2. Best Answer

    Subscriptions to observables do not return anything, they are used in another way. I show you an example below:

    Assuming that the component that contains the method loginAis called "LoginComponent", the following remains:

    export class LoginComponent() {
   private id: any;

   constructor() {
   this.loginService.login(this.usuario).subscribe(
      datos => {this.id = datos['id']}
    );
   }

   public loginA(){
      return this.id;
   }
}


export class LoginGuard implements CanActivate {
  constructor(private loginComponent:LoginComponent){}
  canActivate(){
    if(this.loginComponent.loginA()>0){
      return true;
    }else{
      return false;
    }

  }

}

    Hope this can help you

    • 0 
  3. public loginA(resId){
    this.loginService.login(this.usuario).subscribe( datos => {
        respId(datos['id']);
    });
}

export class LoginGuard implements CanActivate {
    constructor(private loginComponent:LoginComponent){}
      canActivate(){
      this.loginComponent.loginA( idDat => {
        if(idDat > 0){
          return true;
        }else{
          return false;
        }
      });
    }
}
    • 0