unable to bind values from observable json object in ionic

Question

Am trying to bind the property of JSON response from api response stored as observable to the ionic title. But couldn't make it work. Can someone help me with whats wrong in it.

page.ts

export class DisplayPage implements OnInit {
  Category : any;
  result: Observable<any>;
  constructor(private route: ActivatedRoute, private router: Router, private myService: MyService) {
    this.Category = this.route.snapshot.params.Category;
    var id = this.route.snapshot.params.id;
    this.result = this.myService.result(this.Category,id);
    this.result.subscribe(res => console.log(res.name));//can see the response here logged
  }

page.html

<ion-header>
  <ion-toolbar>
    <ion-title>{{result.name | async}}</ion-title> *** not working ***
  </ion-toolbar>
</ion-header>

<ion-content>

</ion-content>

I also tried ng-bind, but could not make it work. The API call is fine. the response is there as in the code am able to console log it. but not binding to the page.

Ashish Ranjan · Accepted Answer · 2020-05-07 05:02:50Z

2

result is an observable, result.name is not, maybe you can achieve it the following way:

<ng-container *ngIf="result | async as res">
    <ion-title>{{res.name}}</ion-title>
</ng-container>

answered May 7, 2020 at 5:02

Ashish Ranjan

13k5 gold badges32 silver badges53 bronze badges

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

Collectives™ on Stack Overflow

unable to bind values from observable json object in ionic

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related