Angular Tutorial 0/42 lessons ~6 min read Lesson 41“Build scalable apps”

Angular Quiz

Test your Angular knowledge with 10 questions — multiple-choice and practical — with instant feedback and a final score.

Course progress0%

Focus

2 guided sections

Practice signal

Examples included

Career prep

Foundation builder

Introduction

This is a 10-question check on the Angular tutorial. Mix of multiple-choice and short practical prompts. Hit Check answer on each question to see instant feedback and an explanation, then Finish quiz for your final score.

Quiz

Angular knowledge check

10 questions · answer each one and get instant feedback.

Progress: 0/10Score: 0

1What does [value]="name" do in an Angular template?

Listens for a 'value' DOM event and calls name()
Binds the element's value property to the component's name
Creates a two-way binding between value and name
Declares a template reference variable named value

2Which of these correctly creates a two-way binding on an input?

[value]="name"
(value)="name"
[(ngModel)]="name"
{{ name }}

3When does ngOnInit fire compared with the constructor?

Before the constructor
At the same time as the constructor
After the first round of @Input bindings is set
Only when the component is destroyed

4What does providedIn: 'root' mean on an @Injectable service?

The service is created fresh for every component
A single shared instance lives in the app's root injector and is tree-shakable
The service can only be injected into the AppComponent
The service is exposed via window.root

5Which directive renders a list of items in modern Angular control flow?

*ngFor
@for (item of items; track item.id) { … }
@each item in items
v-for

6What is a signal in Angular?

const count = signal(0);
count.set(1);
count.update(c => c + 1);

A wrapper around an Observable
A reactive value with explicit set/update that notifies its readers
A directive for emitting DOM events
An RxJS Subject with a different name

7Which file is the entry point that bootstraps a standalone Angular app?

app.module.ts
main.ts (calls bootstrapApplication)
index.html
angular.json

8Convert this old syntax to the new control flow: *ngIf="loading"

Hint: we look for key terms in your answer.

9How do you scope a service so it only exists for one component (and its children)?

Hint: we look for key terms in your answer.

10What pipe converts an Observable to its latest value in the template (and unsubscribes automatically)?

Hint: we look for key terms in your answer.

Ready to mark this lesson complete?Track your journey across the entire course.