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 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
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
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 >
6/25
Router service needs to be explicitly provided in angular module to use it in another component via DI.
True
False
Next >
7/25
You can chain multiple pipe in a single expression along with “async” pipe.
True
False
Next >
8/25
Which command must be used to build an application in production mode?
ng build
ng serve
ng build --prod
ng lint
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
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 >
11/25
Which command is used to update Angular to the latest version?
ng update
ng upgrade
ng install latest
ng new version
Next >
12/25
What is the role of 'NgZone' in Angular?
Managing the data flow
Interacting with RESTful services
Optimizing performance by controlling change detection
Routing and navigation
Next >
13/25
How can you create a custom structural directive in Angular?
Using the @Directive decorator
Using the @Component decorator
Using the @NgModule decorator
Using the @Pipe decorator
Next >
14/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 >
15/25
Which decorator is used for creating a new instance of a service in Angular?
@Injectable({ providedIn: 'root' })
@Component
@NgModule
@Directive
Next >
16/25
What is the main advantage of using Angular's HttpClient for API calls?
Automatic conversion of JSON data
Reduced need for importing modules
Increased security
Faster server response
Next >
17/25
Which Angular lifecycle hook is called after Angular fully initializes a component's view?
ngOnInit
ngAfterViewInit
ngOnChanges
ngOnDestroy
Next >
18/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 >
19/25
Which Angular CLI command is used to generate a service?
ng generate service
ng create service
ng add service
ng new service
Next >
20/25
In Angular, what is the primary role of the 'RouterLink' directive?
To link to external websites
To navigate between different views
To reload the current page
To pass data to routes
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
What is the purpose of the 'trackBy' function in 'ngFor' directive?
To enhance performance by tracking object identity
To generate unique IDs for each item
To filter the list of items
To create a custom template for each item
Next >
23/25
Which Angular CLI command is used to run end-to-end tests?
ng e2e
True
False
Next >
24/25
What is the purpose of the 'ContentChildren' decorator in Angular?
To query DOM elements in the template
To bind data to child components
To access child components or directives from a parent
To create content projection slots
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.