ngClass and ngStyle MCQ | Angular ngClass ngStyle Multiple Choice Questions

Direction: Choose the correct option

What does `[ngClass]` directive do?

A. Creates new CSS classes

B. Changes class definitions

C. Dynamically adds or removes CSS classes

D. Styles inline

Direction: Choose the correct option

What does `[ngStyle]` directive do?

A. Creates style sheets

B. Styles the component

C. Dynamically sets inline styles

D. Links to CSS files

Direction: Choose the correct option

What is the difference between `ngClass` and `class` attribute?

A. They are the same

B. `ngClass` dynamically adds/removes; `class` is static

C. `ngClass` is static

D. `class` is dynamic

Direction: Choose the correct option

What happens if you use both `[class]` and `[ngClass]` on same element?

A. Only `[ngClass]` works

B. Only `[class]` works

C. Error occurs

D. They merge, but be cautious of conflicts

Direction: Choose the correct option

How do you conditionally apply multiple styles with `ngStyle`?

A. Use multiple `[style]` bindings

B. Pass an object with style names as keys and conditional values

C. Use CSS classes

D. Use `style` attribute

Quipoin Menu