Async pipe in Angular 6, how to store object in components variable without subscribe()

Question

consider following code snippet where I subscribe an Observable using async pipe in a components template:

<table>
  <tr *ngFor="let s of data | async">
    <td>some informations</td>
    <button (click)="setObject(s)">Save Object s in components variable</button>
  </tr>
</table>

My question is if there is a way to store the object retrieved from *ngFor in a components local variable? I know there is a way to store it in a templates variable, but I want to save it in a components variable.
So for example, if I click a button, a components setter method is called to store the object in a components variable of same type.

Many thanks in advance :)

Any issue you are facing with above code?

Dheeraj Kumar
– Dheeraj Kumar

2018-10-16 14:15:00 +00:00
Commented Oct 16, 2018 at 14:15 — Dheeraj Kumar
– Dheeraj Kumar, Commented Oct 16, 2018 at 14:15

Poul Kruijt · Accepted Answer · 2018-10-16 14:16:26Z

1

You should create a component member and assign the s to it:

export class BlaBlComponent {
  clickedObject;
}

and do this in your template:

<button (click)="clickedObject = s">Click</button>

This will store the s reference to the clickedObject member on your component. This is quite basic angular stuff, and I advise you to thoroughly do the tutorials and read the documentation at angular.io. Or maybe I'm not getting the nature of your question

answered Oct 16, 2018 at 14:16

Poul Kruijt

72.3k12 gold badges152 silver badges152 bronze badges

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

Comments

Artyom Amiryan · Accepted Answer · 2018-10-16 14:24:03Z

1

here is example

<table>
  <tr *ngFor="let s of (data | async) as dt">
    <td>some informations</td>
    <button (click)="setObject(dt)">Save Object s in components variable</button>
  </tr>
</table>

also stackBlitz link here

answered Oct 16, 2018 at 14:24

Artyom Amiryan

2,9961 gold badge16 silver badges25 bronze badges

Collectives™ on Stack Overflow

Async pipe in Angular 6, how to store object in components variable without subscribe()

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related