Display data from Angularjs2 file(.ts) in html page

Question

code in my .ts file is

  constructor(
      private config  :  ConfigService,
      private http: Http){ 
      this.getWS('ngoName')
      .do((data) => {
        console.log(data);
        this.saveObj(data);
      }).toPromise();
}

saveObj(data:any){
  this.profileObj = data;
  console.log(this.profileObj);    
}   

  getWS(ngoName:string):any{  
    return this.http.get(this.config.serverBaseURL + "ngos.php?ngoId=1")
        .map((res: Response) => res.json());            
  }

the object which i have to use in my html file is the profileObj, structure of profileObj is like this

{
  "statusCode"   : "200",
   "message"     : "success",
   "ngoDetails"  : [
{"ngoId":"1","ngoName":"Test 1","emailId":"[email protected]"}]}

but when i am giving {{profileObj.statusCode}} i am getting error:

zone.js:357 Error: Uncaught (in promise): Error: Error in ./Profile class Profile - inline template:28:9 caused by: Cannot read property 'statusCode' of undefined

please help me to resolve this error.

Whats the output in console when you run console.log(this.profileObj); — JCDenton
– JCDenton, Commented Nov 29, 2016 at 6:43

Ashutosh Jha · Accepted Answer · 2016-11-29 06:51:16Z

2

use "?" notation in your HTML , if profileObj exists only then it will search for statusCode

{{profileObj?.statusCode}}

answered Nov 29, 2016 at 6:51

Ashutosh Jha

16.6k11 gold badges61 silver badges86 bronze badges

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

1 Comment

Ritesh Bhat Over a year ago

amazing..this is legendary

Collectives™ on Stack Overflow

Display data from Angularjs2 file(.ts) in html page

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related