4. Povezivanje (binding) podataka komponente i šablona

Question 1

Šta je interpolacija?

Koji je njen smer?

Answer 1

Prenošenje informacije od komponente ka šablonu, odnosno, to je povezivanje podataka.

komponenta → šablon

Question 2

Kako se navodi interpolacija?

Answer 2

<a href=”{{url}}”>Link</a>

Question 3

Da li će se promene vrednosti u komponenti odraziti na prikaz tih vrednosti putem šablona?

Answer 3

Hoće i to u isto vreme

Question 4

Kada se koristi povezivanje svojstava?

Koji smer to ima?

Answer 4

Povezivanje svojstava se koristi kada hoćemo da prenesemo informacije od komponente ka šablonu

komponenta → šablon

Question 5

Kako se navodi povezivanje svojstava?

Answer 5

<a [href]=”url”>Link</a>

Povezivanje se vrši tako što se u šablonu odgovarajući atribut navodi unutar uglastih zagrada [ ].

Question 6

Da li će se promene vrednosti u komponenti odraziti na prikaz tih vrednosti putem šablona?

Answer 6

Hoće i to u isto vreme

Question 7

Za šta još može da se koristi povezivanje svojstava sem prenošenje podataka od komponente ka šablonu?

Answer 7

Povezivanjem svojstava je moguće kontrolisati pridruživanje stilova nekom HTML elementu.

Question 8

Kako se koristi povezivanja svojstava za pridruživanje stila HTML elementu?

Answer 8

Postojeća CSS klasa se može primeniti na neki element ako se u njega ugradi atribut [class.class_name] pa mu se kao vrednost dodeli izraz koji određuje da li će stil biti primenjen.

Question 9

Šta podrazumeva povezivanje događaja?

Koji smer to ima?

Answer 9

Nastupanjem konkretnog događaja se poziva funkcija unutar komponente.

šablon → komponenta

Question 10

Kada se dvosmerno povezivanje - two-way binding koristi? To je kombinacija čega? Kako se navodi?

Answer 10

Povezivanje u oba smera je korisno kada korisniku treba prikazati neki podatak i istovremeno mu omogućiti da taj podatak menja.
Dvosmerni binding predstavlja neku vrstu kombinacije povezivanja svojstava i povezivanja događaja, pa se rezervisana reč ngModel navodi kao [(ngModel)].