Nested components

Question 1

How many was to use a component?

Answer 1

Two. As a directive or as a routing target.

Question 2

Component can be nested if

Answer 2

it has a selector so it can be used. It can optionally communicate with its container

Question 3

How nested component receives information from container

Answer 3

By using @Input properties

Question 4

Nested component outputs information to the container by … ?

Answer 4

emitting events

Question 5

@Input decorator can decorate any property in nested component. How does container pass data to nested component?

Answer 5

By property binding.

Question 6

When does the ngOnChanges event of nested component is generated?

Answer 6

Any time the container data changes and is bound to @Input property of the nested component.

Question 7

@Output decorator decorates

Answer 7

any property of the nested component class. Property must be an event. This is the only way a nested component can pass data to the container.

The way to do is for example to setup an event, that by itself emits event to container. onClick() { this.notify.emit(…); }

Then on the container HTML when calling the directive use event binding (notify)=’onNotify($event)’ to call a method in container component.

Question 8

Pluralsight courses to check out

Answer 8

Angular component communication