Angular Web Framework Components & Templates 2

Question 1

Which lifecycle hook is called after Angular projects external content into the component's view?

Accepted Answer

ngAfterContentInit

Answer

ngAfterContentInit fires after Angular finishes projecting external content (ng-content) into the component.

Question 2

What does the `host` property in a @Component decorator allow you to configure?

Accepted Answer

Host element bindings and listeners

Answer

The `host` property maps DOM events and property bindings directly onto the component's host element.

Question 3

In Angular, what is the purpose of `ng-content` with a `select` attribute?

Accepted Answer

To project only matching elements from the parent

Answer

The `select` attribute on ng-content acts as a CSS selector to filter which projected content goes into that slot.

Question 4

Which change detection strategy checks a component only when its inputs change or an event fires from within it?

Accepted Answer

OnPush

Answer

ChangeDetectionStrategy.OnPush limits checks to when @Input references change or internal events occur, improving performance.

Question 5

What Angular decorator would you use to expose a DOM event from a child component to its parent?

Accepted Answer

@Output

Answer

@Output combined with EventEmitter lets a child emit events that the parent can listen to with event binding syntax.

Angular Web Framework Practice Test