Why directives are needed in Angular - Quick Recap

Recall & Review

beginner

What is the main purpose of directives in Angular?

Directives let you add behavior to HTML elements, making your app interactive and dynamic without changing the element's core structure.

beginner

How do directives help in reusing code in Angular?

Directives allow you to package common behaviors and apply them to many elements, so you write code once and reuse it everywhere.

intermediate

What types of directives exist in Angular and why are they important?

Angular has three types: components (with templates), attribute directives (change appearance/behavior), and structural directives (change layout). Each type helps manage UI in a clear way.

intermediate

Why can't we just use plain HTML and JavaScript instead of Angular directives?

Directives provide a clean, organized way to add behavior that fits Angular's reactive model, making apps easier to build, maintain, and test compared to mixing plain HTML and JS.

intermediate

How do directives improve the separation of concerns in Angular apps?

Directives separate UI behavior from layout and data logic, so each part of the app has a clear role, making the code easier to understand and update.

What is a key reason Angular uses directives?

A To create database connections

B To replace CSS styling

C To write server-side code

D To add custom behavior to HTML elements

Directives let you add custom behavior to HTML elements, making the UI interactive.

Which directive type changes the layout by adding or removing elements?

A Attribute directive

B Structural directive

C Component directive

D Service directive

Structural directives change the layout by adding or removing elements from the DOM.

Why are directives better than plain JavaScript for UI behavior in Angular?

A They integrate with Angular's reactive system and improve maintainability

B They are slower but easier to write

C They replace HTML completely

D They only work on server side

Directives work with Angular's reactive system, making apps easier to maintain and test.

Which of these is NOT a type of Angular directive?

A Component directive

B Attribute directive

C Database directive

D Structural directive

Database directive is not a type of Angular directive.

How do directives help with code reuse?

A By packaging behavior to apply on many elements

B By duplicating code in many places

C By removing all JavaScript

D By forcing inline styles

Directives package behavior so you can reuse it on many elements without rewriting code.

Explain why Angular directives are needed and how they improve building web apps.

Think about how directives make HTML elements smarter and easier to manage.

Describe the different types of Angular directives and their roles.

Focus on what each directive type controls in the UI.