Moving an object from component to component in order to make changes on that object

Question

I have a html table like this

<table>
  <tr>
    <td>Ime</td>
    <td>Prezime</td>
    <td>Jmbg</td>
    <td>Izmeni</td>
  </tr>
  <tr *ngFor="let osoba of osobe | async">
    <td>{{osoba.ime}}</td>
    <td>{{osoba.prezime}}</td>
    <td>{{osoba.jmbg}}</td>
    <td>
      <input type="button" value="change 
      (click)="saveSelectedPerson(osoba)">
    </td>
  </tr>
</table>

I need to define the function (click)="saveSelectedPerson" so that on click app goes to another form to change osoba(Person) info of that person, meaning i need to somehow import that particular person into ChangeInfoComponent which is another component this is just the PreviewComponent

I tried creating object in PreviewComponent and assigning the properties from clicked Person , but when i log that (this.goToOsoba) Person is undefined

 saveSelectedPerson(o: Osoba) {
     console.log(o);
     console.log(this.goToOsoba);
      this.goToOsoba.ime = o.ime;
      this.goToOsoba.prezime=o.prezime;
      this.goToOsoba.jmbg=o.jmbg;
   }

What am i doing wrong ? And is my approach good or sharing object between the component is supposed to be done some other way and not over public properties of component ?

Have you initialized *goToOsoba* ? – br.julien Nov 28 '17 at 15:19 — br.julien, Nov 28 '17 at 15:19
Yes , goToOsoba : Osobaa; – Алекса Јевтић Nov 28 '17 at 15:20 — Алекса Јевтић, Nov 28 '17 at 15:20

score 1 · Accepted Answer · answered Nov 28 '17 at 15:21

1

Use shared service to store and retrieve information about selected osoba. Save it to service in saveSelectedPerson function, and in ChangeInfoComponent use same service to get that data. More options you have it here: https://angular.io/guide/component-interaction

answered Nov 28 '17 at 15:21

KrystianC

422
3
13

So sharing properties from comp to comp is done over service , thank you sir – Алекса Јевтић Nov 28 '17 at 15:26
It's one of the options. More you will find in the url – KrystianC Nov 28 '17 at 15:28

Moving an object from component to component in order to make changes on that object

1 Answers1