- Angular 2 - Home
- Angular 2 - Overview
- Angular 2 - Environment
- Angular 2 - Hello World
- Angular 2 - Modules
- Angular 2 - Architecture
- Angular 2 - Components
- Angular 2 - Templates
- Angular 2 - Directives
- Angular 2 - Metadata
- Angular 2 - Data Binding
- CRUD Operations Using HTTP
- Angular 2 - Error Handling
- Angular 2 - Routing
- Angular 2 - Navigation
- Angular 2 - Forms
- Angular 2 - CLI
- Angular 2 - Dependency Injection
- Angular 2 - Advanced Configuration
- Angular 2 - Third Party Controls
- Angular 2 - Data Display
- Angular 2 - Handling Events
- Angular 2 - Transforming Data
- Angular 2 - Custom Pipes
- Angular 2 - User Input
- Angular 2 - Lifecycle Hooks
- Angular 2 - Nested Containers
- Angular 2 - Services
Angular 2 Online Quiz
Following quiz provides Multiple Choice Questions (MCQs) related to Angular 2. You will have to read all the given answers and click over the correct answer. If you are not sure about the answer then you can check the answer using Show Answer button. You can use Next Quiz button to check new set of questions in the quiz.
Q 1 - Which of the following is correct about Services?
B - Angular 2 Services cannot be used across multiple applications.
C - Angular 2 Services help to build the applications into many modules.
Answer : A
Explanation
Services are a set of code that can be shared by different components of an application. So for example if you had a data component that picked data from a database, you could have it as a shared service that could be used across multiple applications.
Q 2 - Which of the following is true?
A - Angular 2 Services can be used to add more data to an Angular JS class.
B - Angular 2 Metadata can be used to add more data to an Angular JS class.
C - Angular 2 Components can be used to add more data to an Angular JS class.
Answer : B
Explanation
Angular 2 Metadata can be used to add more data to an Angular JS class.
Q 3 - Which of the following is correct about Angular 2 Directive?
A - A directive is a custom HTML element that is used to extend the power of HTML.
B - A directive can be used to import the functionality from other Angular JS modules.
Answer : A
Explanation
A directive is a custom HTML element that is used to extend the power of HTML.
Q 4 - Which of the following is correct about CLI?
A - CLI stands for Command Line Interface.
B - CLI can be used to create Angular JS application.
C - It also helps in creating a unit and end-to-end tests for the application.
Answer : D
Explanation
Command Line Interface (CLI) can be used to create our Angular JS application. It also helps in creating a unit and end-to-end tests for the application.
Q 5 - Which of the following is correct about tsconfig.json?
Answer : D
Explanation
The target for the compilation is es5 and that is because most browsers can only understand ES5 typescript. The sourceMap option is used to generate Map files, which are useful when debugging. Hence, during development it is good to keep this option as true. The "emitDecoratorMetadata": true and "experimentalDecorators": true is required for Angular JS decorators. If not in place, Angular JS application will not compile.
Q 6 - Which of the following filter is used to convert input to all uppercase?
Answer : A
Explanation
uppercase filter is used to convert the input to all uppercase.
Q 7 - Which of the following filter is used to convert an input string to percentage format.
Answer : B
Explanation
percent filter is used to convert an input string to percentage format.
Q 8 - Which of the following is correct about lifecycle hook - ngOnInit.
A - When the value of a data bound property changes, then this method is called.
C - This is for the detection and to act on changes that Angular can't or won't detect on its own.
D - This is called in response after Angular projects external content into the component's view.
Answer : B
Explanation
ngOnInit method is called whenever the initialization of the directive/component after Angular first displays the data-bound properties happens.
Q 9 - Which of the following is correct about lifecycle hook - ngAfterContentChecked.
A - This is called in response after Angular checks the content projected into the component.
B - This is called in response after Angular initializes the component's views and child views.
C - This is called in response after Angular checks the component's views and child views.
D - This is the cleanup phase just before Angular destroys the directive/component.
Answer : A
Explanation
ngAfterContentChecked method is called in response after Angular checks the content projected into the component.