Angular 2 Display value from Observable

Question

Hi I want display my value from response http but I don't know what is the problem.

http :

getAllApiContext(){
     const options = this.getOptions("...");
    return this.http
        .get("jenkins/job/api_initialization/api/json", options)
        .map((data: any) => {
            return data.json().property[0].parameterDefinitions[1].choices;
        })
}

She return array.

My component.ts

context: Observable<Array<any>>;
ngOnInit() {
  this.jenkinsJob.getAllApiContext().subscribe(data => {
    this.context = data;
  });
};

My component.html

 <span *ngFor="let item of context | async">
   <p>{{item}}</p>
 </span>

What is the error or current behavior?

stealththeninja
– stealththeninja

2018-07-18 05:51:54 +00:00
Commented Jul 18, 2018 at 5:51 — stealththeninja
– stealththeninja, Commented Jul 18, 2018 at 5:51

Sachila Ranawaka · Accepted Answer · 2018-07-18 05:52:26Z

4

remove the async in the ngFor. since you are already subscribing to the observable, no need to use the async pipe

<span *ngFor="let item of context">

answered Jul 18, 2018 at 5:52

Sachila Ranawaka

41.6k8 gold badges62 silver badges87 bronze badges

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

Comments

Muhammed Albarmavi · Accepted Answer · 2018-07-18 06:23:43Z

3

If you want to use async pipe you don't need to subscribe

ngOnInit() {
 this.context = this.jenkinsJob.getAllApiContext();
};

AsyncPipe

answered Jul 18, 2018 at 6:23

Muhammed Albarmavi

24.5k9 gold badges72 silver badges92 bronze badges

Collectives™ on Stack Overflow

Angular 2 Display value from Observable

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related