typescript http client unable to parse boolean response

Question

HttpClient not parsing Boolean value

Service

 public isUSCustomer(): Observable<Boolean> {

  return this.httpClient
        .get<Boolean>(myurl);

}

Component

private isUScustomer: Boolean; 
this.myservice.isUSCustomer()
              .subscribe(x => {
                   this.isUScustomer = x;
                   console.log(this.isUScustomer); //Its undefined 
                   console.log(x); //it logs true.
});

Outputs

console.log(this.isUScustomer); undefined
console.log(x); //it logs true.
console.log(typeof x); boolean

I tried with Interface Boolean and boolean like this.

return this.httpClient
        .get<boolean>(myurl);

and

return this.httpClient
        .get<Boolean>(myurl);

Api Result

true

I read this Typescript boolean conversion but it was 2013.

Version Info

typescript: 2.4.2
Angular: 5.0.2

Well, it's strange. First don't use the interface, only use the primitive type. Could you try with this.isUScustomer = x ? true : false; ? — user4676340
– user4676340, Commented Dec 14, 2017 at 14:32

Deepak Jha · Accepted Answer · 2017-12-17 16:44:17Z

2

Well I had seen a same error few days back I stumbled upon something called eval function, that is how you can perhaps try this running,

private isUScustomer: Boolean; 
this.myservice.isUSCustomer()
              .subscribe(x => {
                   this.isUScustomer = eval(x);
});

Edit 1

TS look for return type and datatype for http calls, you can perhaps try to create an interface and give this a go. Let me show you how,

an Interface like this,

export interface booleanReturn{
    retData: boolean;
}

Import this in your service and use it as given below,

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { HttpBackend } from '@angular/common/http/src/backend';
import { booleanReturn } from '../interfaces/MyInterfaces';
import { Observable } from 'rxjs/Observable';

@Injectable()
export class MyServiceService {

  constructor(private httpClient: HttpClient) { }

  getBoolean(): Observable<booleanReturn>{
    return this.httpClient.get<booleanReturn>('http://localhost:8080/getBoolean');
  }
}

Now in your component do something like this,

import { Component } from '@angular/core';
import { MyServiceService } from './my-service.service';
import { booleanReturn } from '../interfaces/MyInterfaces';

/*interface booleanReturn{
  retData: boolean
}*/
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  title = 'app';
  myObj ={"decision":'2==2'};
  private myBooleanVal : booleanReturn;
  constructor(private myService:MyServiceService){
    this.getBooleanValue();
  }
  myFunction(vwLog){
    //console.log(eval(vwLog),"Dj test");
    return eval(vwLog);
  }

  getBooleanValue(){
    this.myService.getBoolean().subscribe(x=>{
      this.myBooleanVal = x;
      console.log(x,"X Value");// this print true "X Value"
      console.log(this.myBooleanVal);// this prints "true"
    });
  }
}

see my screenshot below I can see the correct answer

edited Dec 17, 2017 at 16:44

answered Dec 14, 2017 at 14:50

Deepak Jha

1,61913 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

12 Comments

Eldho Over a year ago

Let me try it, but i have in service ask to evaluate get<boolean>(url) . should it parse to a boolean

Deepak Jha Over a year ago

yeh it should be but, give this a go, I was able to sort my problem of boolean using this.

Deepak Jha Over a year ago

In my case it was an error or string type and boolean type, somehow I think due to dynamic casting it was not working and accepting it as a string even when mentioned as boolean.

Deepak Jha Over a year ago

@Eldho any luck?

netalex Over a year ago

PLEASE don't do EVAL. Is considered harmful.

|

Steverob2k · Accepted Answer · 2017-12-14 15:28:12Z

1

I suspect that "this" is out of context when the subscribe happens.

Try adding your code into the constructor:

private isUScustomer: Boolean; 


constructor() {
  this.myservice.isUSCustomer()
              .subscribe(x => {
                   this.isUScustomer = x;
                   console.log(this.isUScustomer); //Its undefined 
                   console.log(x); //it logs true.
  });
}

answered Dec 14, 2017 at 15:28

Steverob2k

4439 silver badges12 bronze badges

1 Comment

Eldho Over a year ago

I will try this but my im using different methods in the service in same manner with complex object it works fine.

Rohit Ramname · Accepted Answer · 2017-12-14 15:43:05Z

0

use Let instead of private and return that variable

answered Dec 14, 2017 at 15:43

Rohit Ramname

8342 gold badges9 silver badges24 bronze badges

1 Comment

Eldho Over a year ago

I dont think it because of private. Because i consume other services like the same with complex object which works fine.

cpr43 · Accepted Answer · 2017-12-15 13:15:29Z

0

If you are using Boolean type you have to initialize it with a default value before setting it .

private isUScustomer: Boolean = false;

Another alternative will be to use boolean type

private isUScustomer: boolean;

answered Dec 15, 2017 at 13:15

cpr43

3,1222 gold badges21 silver badges20 bronze badges

2 Comments

cpr43 Over a year ago

private isUScustomer: Boolean = false should have worked .. whats the final isUsCustomer value ;

Eldho Over a year ago

But i havent set a value ; i just defined the property like isuscustomer:boolean;

Collectives™ on Stack Overflow

typescript http client unable to parse boolean response

4 Answers 4

12 Comments

1 Comment

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

12 Comments

1 Comment

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related