Topics

AngularJS Directives

⛪ Computer Science and Engineering > AngularJS

Get ready for your AngularJS directives MCQ exam with our comprehensive set of multiple-choice questions! Test your knowledge on directive-based AngularJS concepts and assess your understanding of AngularJS directives in a quiz format. Our AngularJS directives quiz is designed to cover various aspects of AngularJS directives and help you evaluate your level of expertise. Take our AngularJS directives test now and boost your confidence for the upcoming exam! ➲ AngularJS Directives - Quiz

Q 1: What is scope in Angular.js?

A It is used for registering DOM listeners as well as instance DOM manipulation. It is executed once the template has been cloned.
B It runs end-to-end tests that are also written in JavaScript and run with node.
C It is to bind the HTML tags (input, select, textarea) to Angular Application Data.
D It refers to the application model, acts like glue between application controller and the view. It can watch expressions and propagate events.

Q 2: Which of the following directives is used to initialize an Angular app?

A ng-controller
B ng-app
C ng-init
D ng-model

Q 3: A _________ is a behavior which should be triggered when specific HTML constructs are encountered during the compilation process.

A Directive
B Scope
C $compile
D None of the options

Q 4: The directive used to add or remove HTML elements from the DOM based on data in the model is ________

A ng-cloak
B ng-disabled
C ng-model
D ng-switch

Q 5: Can a HTML page have multiple 'ng-app' directives for bootstrapping multiple AngularJS application?

A Yes
B No

Q 6: AngularJS provides reusable components.

A True
B False

Q 7: Which of the following is a valid AngularJS expression?

A { (2 + 2) }
B { 2 + 2 }
C (( 2 + 2 ))
D {{ 2 + 2 }}

Q 8: Each controller accepts $scope as a parameter which refers to the application/module that controller is to control.

A False
B True

Q 9: Which of the following is true about ng-init directive?

A ng-init directive initializes an AngularJS Application data
B ng-init directive is used to put values to the variables to be used in the application
C Both the options
D None of the options

Q 10: Once you have created a service and connected it to your application, you can use the service in __________

A Any controller and directive
B None of the options
C Any controller
D Any controller or directive, filter or even inside the services

Q 11: On which of the following types of component can we create a custom directive?

A CSS
B Element directives
C Attribute
D All the options mentioned

Q 12: Currency filter is applied to an expression using pipe character.

A True
B False

Q 13: Orderby filter is applied to an expression using pipe character.

A True
B False

Q 14: ng-bind binds the AngularJS Application data to HTML tags.

A True
B False

Q 15: what is the code, if you want to bind the selected option in the tag h1?


<div ng-app="myApp" ng-controller="myCtrl"> <p>Select a car:</p> <select> <option ng-repeat="x in cars">{{x.model}}</option> </select> </div>


<select ng-model=""> <option ng-repeat="x in cars">{{x.model}}</option> </select> <h1>You selected: {{}}</h1>


<select ng-model="selectedCar"> <option ng-repeat="x in cars">{{x.model}}</option> </select> <h1>You selected: {{selectedCar}}</h1>


<select ng-model="selectedCar"> <option ng-repeat="x in cars">{{x.model}}</option> </select> <h1>You selected: {{selectCar}}</h1>

Answer: B


<select ng-model="selectedCar"> <option ng-repeat="x in cars">{{x.model}}</option> </select> <h1>You selected: {{selectedCar}}</h1>

Q 16: The following are all AngularJS directives, except ________

A ng-app
B ng-state
C ng-model
D ng-bind

Q 17: What is the code, if you want to increment the count?


<button> Increment (on double click) </button> count: {{count}}

A
```
{{count=count+1}}
```
B
```
{{count++}}
```


 <ng-dblclick="count = count + 1" ng-init="count=0">


<ng-dblclick="count = count + 1" ng-init="count=0">

AND {{count=count+1}}

Answer: C


 <ng-dblclick="count = count + 1" ng-init="count=0">

Q 18: What is the difference between ng-if and ng-show+ng-hide?

A ng-if applies the CSS property display: none; to the elements and ng-show+ng-hide removes the HTML element completely from the DOM
B ng-if removes the HTML element completely from the DOM, whereas the ng-show + ng-hide just applies the CSS property display: none; to the elements.
C Both performs the same function

Q 19: The directive used to add or remove HTML elements from the DOM based on data in the model.

A ng-switch
B ng-cloak
C ng-model
D ng-disabled

Q 20: Which of the directives is used to iterate over a collection of items and generate HTML from it?

A ng-repeat
B ng-controller
C ng-include
D ng-if

Q 21: Directive that can be used to include HTML fragments from other files into the view of HTML template is _________

A ng-if
B ng-show
C ng-model
D ng-include

Q 22: AngularJS module can be created using ________.

A angular.module();
B var myModule = new module();
C angular.create();
D module.create();

Q 23: Which of the following is true about ng-controller directive?

A AngularJS application mainly relies on controllers to control the flow of data in the application.
B A controller is a JavaScript object containing attributes/properties and functions.
C ng-controller directive tells AngularJS what controller to use with this view.
D All the options

Q 24: In AngularJS, Scope contains the model data.

A False
B True