Books
Learn HTML
Learn CSS
Learn Git
Learn Javascript
Learn PHP
Learn python
Learn Java
Exercises
HTML
JavaScript
Git
CSS
PHP
Courses
Quizzes
Snippets
Tools
General Tools
Password Generator
HTML Editor
HTML Encoder
Base 64
Code Diff
JSON Beautifier
CSS Beautifier
Markdown Convertor
Find the Closest Tailwind CSS Color
Phrase encrypt / decrypt
Browser Feature Detection
Number convertor
JTW Decoder
CSS Maker
CSS Maker
CSS Maker text shadow
CSS Maker Text Rotation
CSS Maker Out Line
CSS Maker RGB Shadow
CSS Maker Transform
CSS Maker Font Face
Color Tools
Color Picker
Colors CMYK
Colors HWB
Colors HSL
Color Hex
Color mixer
Color Converter
Colors RGB
Color Contrast Analyzer
Color Gradient
String Tools
String Length Calculator
MD5 Hash Generator
Sha256 Hash Generator
String Reverse
URL Encoder
URL Decoder
Base 64 Encoder
Base 64 Decoder
Extra Spaces Remover
String to Lowercase
String to Uppercase
Word Count Calculator
Empty Lines Remover
HTML Tags Remover
Binary to Hex
Hex to Binary
Rot13 Transform on a String
String to Binary
Duplicate Lines Remover
EN
DE
RU
FR
ES
Change theme
Dark
Light
System
Books
Learn HTML
Learn CSS
Learn Git
Learn Javascript
Learn PHP
Learn python
Learn Java
How To
How To NodeJs
How To Linux
How To AngularJs
How To PHP
How To HTML
How To CSS
How To Symfony
How To Git
How To Apache
How To JavaScript
How To Java
How To Vue.js
How To Python
Angular Basics
1/25
In Angular, you can pass data from the child component to the parent component by using:
@Output()
@Input()
Input
Output
Next >
2/25
Which directive modifies DOM hierarchy?
Structural directive
Attribute directive
Next >
3/25
Which is the correct form control class name that is set to true via [(ngModel)] whenever value is changed?
.ng-invalid
.ng-pending
.ng-pristine
.ng-dirty
Next >
4/25
In Angular routing, which tag is used to render matched component via active route?
<router></router>
<router-output></router-output>
<router-outlet></router-outlet>
<router-display></router-display>
Next >
5/25
Async Pipe subscribes to observer and updates expression whenever there is data sent from observer.
True
False
Next >
6/25
You can chain multiple pipe in a single expression along with “async” pipe.
True
False
Next >
7/25
Which service can be used to extract route parameters inside component?
Router
Route
ActivatedRoute
CurrentRoute
Next >
8/25
Which CLI command is used to generate a new Angular module?
ng generate module
ng create module
ng build module
ng start module
Next >
9/25
What is the purpose of 'resolve' guard in Angular routing?
To prevent navigation to a route
To preload data for a component
To authorize user access to a route
To lazy load a module
Next >
10/25
How do you implement form validation in Angular?
Using Angular Forms Module
Using CSS
Using JavaScript functions
Using Web APIs
Next >
11/25
In Angular, how can you pass multiple parameters in a route?
Using the @Param decorator
Using route snapshot
Using query parameters
Using route guards
Next >
12/25
What is the use of the 'ngFor' directive in Angular?
To create a custom event
To repeat a template for each item in a list
To hide or show an element
To bind data to a property
Next >
13/25
Which decorator is used for creating a new instance of a service in Angular?
@Injectable({ providedIn: 'root' })
@Component
@NgModule
@Directive
Next >
14/25
What is AOT compilation in Angular?
Asynchronous Object Templates
Ahead-of-Time Compilation
Array of Templates
Angular Object Transformation
Next >
15/25
In Angular, what is the primary use of the 'environment.ts' file?
To store global variables
To configure routing
To define components
To manage styles and themes
Next >
16/25
How can you create a custom validator for a form field in Angular?
By using an HTML attribute
By creating a function that returns a validation object
By using CSS
By using the 'validator' directive
Next >
17/25
What is the primary use of the NgRx library in Angular applications?
Form Validation
Routing Management
State Management
HTTP Request Handling
Next >
18/25
How does Angular's change detection mechanism work by default?
Event-driven
One-way data flow
Zone.js-driven
Manual invocation
Next >
19/25
In Angular, which decorator is used to create a new HTTP interceptor?
@HttpInterceptor
@Injectable
@Interceptor
@NgModule
Next >
20/25
Which Angular CLI command is used to run end-to-end tests?
ng e2e
True
False
Next >
21/25
What is the purpose of the 'async' pipe in Angular templates?
To create asynchronous methods
To automatically unsubscribe from Observables
To delay the execution of functions
To handle HTTP requests asynchronously
Next >
22/25
In Angular, how is content projection achieved?
Using the <ng-content> tag
Using the <ng-container> tag
Using the <ng-template> tag
Using the <content> tag
Next >
23/25
What is the purpose of the 'CanDeactivate' guard in Angular routing?
To prevent unauthorized access to a route
To preload data before navigating to a route
To confirm navigation away from the current route
To dynamically load modules for a route
Next >
24/25
How can Angular elements be used in a project?
To create Angular-specific syntax in HTML
To extend HTML with custom elements and behaviors
To directly manipulate the DOM
To integrate Angular with server-side rendering
Next >
25/25
What is the advantage of using Angular's 'lazy loading' feature for modules?
Improves initial load performance by splitting the app into multiple bundles
Decreases overall application size
Automates the build process
Enhances security by loading modules on-demand
Next >
To get the result of the quiz, please provide your email address (optional)..
Get Certificate
It seems you haven't answered any questions yet. Please provide your answers to proceed.