Learning Angular 2 Directives (Video 11)

The video tutorial covers creating a reusable modal dialog in Angular, focusing on content projection and keybinding support. It explains how to decouple the modal from specific data, use the Ng content tag for content projection, and add keyboard event handling for improved user interaction. The tutorial also highlights the differences between Angular 1 and Angular 2 in terms of content projection.

What is the main goal of creating a reusable modal dialog component in Angular?

• To tightly couple it with specific data

• To make it reusable across different parts of the project

• To limit its use to a single component

• To avoid using content projection

What is the first step in decoupling the modal dialog from the sensor object?

• Initialize the currently selected sensor model

• Directly open the modal dialog

• Add keyboard support

• Remove all data bindings

What Angular feature is used for visualizing content at runtime in a reusable component?

• Ng-repeat

• Ng-content

• Ng-model

• Ng-bind

What is the limitation of Angular 2 regarding directives mentioned in the video?

• Directives cannot be used at all

• Directives must be used with a star prefix

• Directives cannot be used at the root of the projected DOM element

• Directives are only available in Angular 1

What keybinding is used to close the modal dialog?

• Tab

• Space

• Escape

• Enter

Why is focus management important in a modal dialog?

• To allow the user to navigate away from the dialog

• To ensure key stroke detection works properly

• To prevent the dialog from opening

• To disable all keyboard inputs

What is the purpose of adding a focus trap in the modal dialog?

• To disable all focusable elements

• To keep focus within the dialog

• To enable focus on the entire page

• To allow focus to move outside the dialog