10. Komunikacija komponenti

Question 1

Kako se povezuju komponente u parent-child odnosu?

Answer 1

Child komponenta se ugrađuje u parent komponentu tako što se u šablon parent komponente ugradi element child komponente (tzv. direktiva child komponente).

<p>Parent component</p>

<child-component></child-component>

Question 2

Šta je ulazno svojstvo child komponente?

Answer 2

Ulazno svojstvo je promenljiva ispred koje stavljamo dekorator Input(). Za korišćenje ovog dekoratora je potrebno dodati import deklaraciju.

@Input()
count: number;

Question 3

Šta omogućava ulazno svojstvo komponenti?

Answer 3

da putem tog svojstva primata vrednosti. Dodela vrednosti nekom ulaznom svojstvu komponente je moguća u okviru elementa kojim je ta komponenta ugrađena u web stranicu (u direktivi te komponente).

<p>Parent component</p>

<child-component count=”5”></child-component>

Question 4

Kako se prenose vrednosi između komponenti parent i child?

Answer 4

Povezivanje svojstava (property binding) određenu promenljivu parent komponente povezuje sa ulaznim svojstvom child componente.

Question 5

Šta je master view - detail view?

Answer 5

• Master view: prikaz svih postojećih zapisa sa osnovnim informacijama
• Detail view: prikaz detalja gde će se navesti svi podaci o jednom zapisu

Question 6

Kako se postiže master-detail view?

Answer 6

Master-detail view se može postići pomoću dve komponente u parent-child odnosu, gde je parent komponenta zadužena za master view, a child komponenta za detail view.