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
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
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 parent component to the child component by using:
@Output()
@Input()
Input
Output
Next >
2/25
In Angular, you can pass data from the child component to the parent component by using:
@Output()
@Input()
Input
Output
Next >
3/25
Which directive modifies DOM hierarchy?
Structural directive
Attribute directive
Next >
4/25
How many instances of service will be created if you provide a custom service in two components’ “providers” section of @Component decorator?
1
2
3
4
Next >
5/25
Custom pipe can modify actual value of variable apart from different presention in HTML.
True
False
Next >
6/25
Which method of RouterModule should be called for providing all routes in AppModule?
RouterModule.forChild
RouterModule.forRoot
RouterModule
RouterModule.import
Next >
7/25
You can chain multiple pipe in a single expression along with “async” pipe.
True
False
Next >
8/25
Which component represents “target/host” DOM element inside Directive’s constructor?
Element
ElementRef
Host
Target
Next >
9/25
There can be more than one <router-outlet> element in Angular application.
True
False
Next >
10/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 >
11/25
In Angular, which service is commonly used for state management?
HttpClient
NgRx Store
Router
FormsModule
Next >
12/25
How is RxJS used in Angular for managing asynchronous data?
Through Promises
Through Observables
Through Async/Await
Through Callbacks
Next >
13/25
What is the purpose of the 'ng build --prod' command?
To run the application in development mode
To deploy the application to a server
To build the application for production with optimization
To compile TypeScript files
Next >
14/25
Which TypeScript feature is commonly used in Angular for type-checking and future JavaScript features?
Classes and Interfaces
Arrow functions
Promises
Modules
Next >
15/25
What Angular decorator is used to inject a dependency into a class?
@Inject
@Input
@Output
@Directive
Next >
16/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 >
17/25
What is the purpose of the 'ngSwitch' directive in Angular?
To switch between different routes
To toggle the visibility of elements
To perform conditional rendering of templates
To switch between different styles
Next >
18/25
In Angular, how can you handle HTTP request errors in a service?
Using try-catch blocks
Using the catchError operator in RxJS
Using if-else statements
By setting HTTP headers
Next >
19/25
What is the use of the 'ng-content' tag in Angular?
To display dynamic content
For content projection in components
To bind external content
To create dynamic templates
Next >
20/25
What is the main benefit of using Angular's Reactive Forms over Template-Driven Forms?
Easier syntax
More control and flexibility in handling form logic
Automatic data binding
Built-in validators
Next >
21/25
What is the primary use of the NgRx library in Angular applications?
Form Validation
Routing Management
State Management
HTTP Request Handling
Next >
22/25
In Angular, which decorator is used to create a new HTTP interceptor?
@HttpInterceptor
@Injectable
@Interceptor
@NgModule
Next >
23/25
What is the benefit of using Angular Universal?
Improved mobile app performance
Server-side rendering for faster initial load
Automated testing capabilities
Enhanced form validation
Next >
24/25
Which Angular CLI command is used to run end-to-end tests?
ng e2e
True
False
Next >
25/25
In Angular, what is the purpose of the 'ng-template' directive?
To define templates that can be used with structural directives
To inject external HTML content
To create reusable components
To handle form submissions
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.