Top 35+ Most Asked Angular MCQ
1) Which of the following statement is correct for AngularJS?
- AngularJS is an HTML framework
- AngularJS is a Java framework
- AngularJS is a JavaScript framework
- AngularJS is a SQL framework
Answer: C is the correct option. AngularJS is a JavaScript framework.
2) On which of the Architectural pattern AngularJS is based?
- Observer Pattern
- Decorator pattern
- MVC Architecture pattern
- MVVM Architectural pattern
Answer: D is the correct option. AngularJS is based on MVVM Architectural pattern.
3) AngularJS is perfect for?
- SPAs
- MPAs
- DPAs
- CPAs
Answer: A is the correct option. AngularJS is perfect for Single Page Applications (SPAs).
4) Which of the following is the correct syntax for writing AngularJS expressions?
- (expression)
- {{expression}}
- {{{expression}}}
- [expression]
Answer: B is the correct option. The correct syntax for writing AngularJS expressions is: {{expression}}
5) Do AngularJS provide reusable components?
- Yes
- No
Answer: A is the correct option. AngularJS provides reusable components.
6) Which of the following directive is used to bind the application data to the HTML view in AngularJS?
- ng-app directive
- ng-model directive
- ng-bind directive
- ng-init directive
Answer: C is the correct option. The ng-bind directive is used to bind the application data to the HTML view in the AngularJS application.
7) Which of the following syntax is correct for applying multiple filters in AngularJS?
- {{ expression | filter1 | filter2 | … }}
- {{ expression | {filter1} | {filter2} | … }}
- {{ expression – {filter1} – {filter2} – … }}
- {{ {filter1} | {filter2} | …-expression}}
Answer: A is the correct option. The syntax of applying multiple filters in AngularJS can be written as: {{ expression | filter1 | filter2 | … }}
8) Which of the following statement is true about the lowercase filter?
- The lowercase filter converts a text to lower case text.
- The lowercase filter is a function that takes text as input.
- Both of the above.
- None of the above.
Answer: A is the correct option. The lowercase filter converts a text to lower case text. That’s why it is added to the AngularJS expression to filter out the result.
9) Which of the following is an advantage of AngularJS?
- AngularJS code is unit testable.
- AngularJS provides reusable components.
- AngularJS uses dependency injection and makes use of separation of concerns.
- All of the above
Answer: D is the correct option. All of the above are the advantages of AngularJS.
10) Which of the following statement is true about $dirty flag?
- $dirty flag is used to state that value has been changed.
- $dirty flag is used to state that the form has invalid data.
- Both of the above.
- None of the above.
Answer: A is the correct option. The $dirty flag is used to state that value in the form has been changed.
11) What will be the output for the following code?
- The output is 1
- The output is 15
- The output is 19
- The output is 2
Answer: C is the correct option. “The output is 19” would be the correct output of the above code.
12) What is the use of Angular Controllers in the application?
- Angular controllers are used for controlling the data.
- Angular controllers are used for displaying the data.
- Both of the above are correct.
- None of the above is correct.
Answer: A is the correct option. Angular controllers are used to control the data.
13) Which of the following syntax is used to create a module in AngularJS?
- var myModule= angular.module();
- var myModule= new Module();
- module(“app”, []);
- None of the above
Answer: C is the correct option. To create a module in AngularJS, we use angular.module(“app”, []); syntax.
14) Which of the following is used to share data between controller and view in AngularJS?
- using Model
- using services
- using factory
- using $scope
Answer: B: “using services” is the correct answer.
15) Which of the following statement specifies the data-binding in AngularJS?
- Synchronization of data between the model and view components.
- Synchronization of data between the model and controller components.
- Synchronization of data between the controller and view components.
- None of the above
Answer: A is the correct option. Data-binding in AngularJS apps is the automatic synchronization of data between the model and view components.
16) Which of the following is not a valid AngularJS filter?
- lowercase
- orderby
- currency
Answer: C is the correct option. The “email” is not a valid AngularJS filter
17) Who is known as the father of AngularJS?
- Brad Green
- Misko Hevery
- Adam Abrons
- Mike Adams
Answer: B is the correct answer. Misko Hevery was the inventor of AngularJS, so he is known as the father of AngularJS.
18) Which of the following directive is used to bind the value of HTML controls to application data?
- ng-app
- ng-init
- ng-model
- ng-hide
Answer: C is the correct option. The ng-app directive is used to initialize the AngularJS application. The ng-init directive is used to initialize the application data. The ng-model directive binds the value of HTML controls (input, select, textarea) to application data, and the ng-hide directive is used to hide or show the HTML elements.
19) Which of the following community Angular JS belong to?
- Microsoft
Answer: C is the correct option. AngularJS is a JavaScript-based open-source front-end web framework that belongs to Google and is mainly maintained by Google and a community of individuals and corporations.
20) Is AngularJS completely based on HTML and JavaScript?
- Yes
- No
Answer: A is the correct option. It is true that AngularJS completely based on HTML and JavaScript.
21) A module created by using the AngularJS function is called?
- module()
- module()
- mod()
- angular module()
Answer: B is the correct option. A module created by using the AngularJS function is called “angular.module”.
22) Which of the following types of the component can be used to create a custom directive?
- Element directives
- Attribute
- CSS
- All of the above.
Answer: D is the correct option. By using AngularJS, we can create custom directives for the following type of elements.
- Element directives: This is activated when a matching element is encountered.
- Attribute: This is activated when a matching attribute is encountered.
- CSS: This is activated when a matching CSS style is encountered.
- Comment: This is activated when a matching comment is encountered.
23) How many $RootScope an AngularJS application can have?
- Zero
- One
- Two
- Infinity
Answer: B is the correct option. An AngularJS application can have only one $RootScope
24) Which of the following is true about the currency filter?
- A currency filter is used to format the text in a currency format.
- A currency filter is a function that takes text as input.
- Both A and B
- None of the above
Answer: B is the correct option. A currency filter is used to format the text in a currency format. It is added to the AngularJS expression to filter out the result.
25) Which of the following statement is true in the case of a controller in MVC?
- A controller is a software code that controls the interactions between the Model and View.
- A controller is a software code that stores the data.
- A controller is a software code that renders the user interface.
- All of the above.
Answer: B is the correct option. A controller is a software code that stores the data.
26) Which of the following components can be injected as a dependency in AngularJS?
- Value
- Factory
- Constant
- Application Module
Answer: D is the correct answer. The “Application Module” can be injected as a dependency in AngularJS.
27) What is deep linking in AngularJS?
- Deep linking is an SEO-based technique.
- Deep linking refers to linking various views to the main page.
- Deep linking allows you to encode the state of an application in the URL so that it can be bookmarked.
- All of the Above
Answer: C is the correct answer. Deep linking allows you to encode the state of an application in the URL so that it can be bookmarked.
28) AngularJS applications are a mix of which of the following technologies?
- HTML and PHP
- HTML and JavaScript
- HTML and TypeScript
- PHP and JavaScript
Answer: B is the correct answer. AngularJS applications are a mix of HTML and JavaScript.
29) Which of the following template can be used to write AngularJS directives?
- Tag
- Attribute
- Class name
- All of the above
Answer: D is the correct answer.
30) Which of the following statement is true in the case of $routeProvider?
- It is a service.
- It is a module.
- It is a component.
- None of the above.
Answer: A is the correct answer. The $routeProvider is a service.
31) Which of the following statement justify the working of AngularJS?
- module is primarily used to create application modules.
- module is used to create AngularJS modules along with its dependent modules.
- Both A and B
- None of the above
Answer: C is the correct answer as both the above statements are true.
32) The [] parameter in the module definition is used to define dependent modules.
- TRUE
- FALSE
- Can be true or false
- Cannot say
Answer: A: True. The [] parameter in the module definition is used to define dependent modules. Without the [] parameter, you cannot create a new module but retrieve an existing one.
True and False Questions
33) In AngularJS, the $http service is used to make an Ajax call to the server.
- True
- False
Answer: A: True. AngularJS provides $http control which works as a service to make the Ajax call read data from the server.
34) AngularJS facilitates developers to write less code and get more functionality.
- True
- False
Answer: A: This is a true statement as AngularJS facilitates developers to write less code and get more functionality.
35) While using the factory method, we must first define a factory and then assign a method to it.
- True
- False
Answer: A: This is a true statement. As using the factory method, we first define a factory and then assign a method to it.
36) OrderBy filter is applied to an expression using pipe character.
- True
- False
Answer: A: This is a true statement. The OrderBy filter is applied to an expression using pipe characters.
37) AngularJS application expressions are pure JavaScript expressions.
- True
- False
Answer: A: True
38) AngularJS support two-way data binding.
- True
- False
Answer: A: True.
39) AngularJS supports internationalization?
- True
- False
Answer: A: True.