Question 1

Which angular function is used to wrap a raw DOM element or HTML string as a jQuery element?

Accepted Answer

angular.element is used to wrap a raw DOM element or HTML string as a jQuery element, allowing for jQuery-like manipulation if jQuery is available.

Question 2

Can '$scope' be injected while creating service using 'factory' method?

Accepted Answer

In AngularJS, services created using the 'factory' method do not have access to '$scope' because '$scope' is specific to controllers and directives, not services. Services are meant to be singleton objects that provide functionality across the application, independent of the view layer.

Question 3

AngularJS needs data in JSON format to populate its model.

Accepted Answer

AngularJS uses a model-view-controller (MVC) architecture, where the model is the data that the application operates on. AngularJS expects the data to be in JSON format so that it can easily be parsed and used by the application.

Question 4

Scope act as glue between controller and view.

Accepted Answer

Scope in AngularJS acts as the glue between the controller and the view, allowing them to communicate and exchange data.

Question 5

AngularJS 1.0 was released in 2013.

Accepted Answer

AngularJS 1.0 was released in 2010, not 2013.

Question 6

AngularJS applications are a mix of . . . . . .

Accepted Answer

AngularJS applications are a mix of HTML and JavaScript, where HTML is used for the structure and JavaScript for the logic and functionality.

Question 7

We need to tell AngularJS what part of our HTML page contains the AngularJS app. You do so by adding the . . . . attribute to the root HTML element of the AngularJS app.

Accepted Answer

The ng-app directive is used to designate the root element of an AngularJS application, effectively telling AngularJS where the application starts.

Question 8

There is a controller which takes single parameter. We call it . . . . . parameter.

Accepted Answer

The correct term is $scope, which is commonly used in various programming and scripting contexts to refer to a variable or parameter that is passed to a controller or function.

Question 9

The . . . . . . directive is one of the most fundamental directives in AngujarJS. The . . . . . directive inserts the result of an expression into the HTML template.

Accepted Answer

The answer of The . . . . . ....

Question 10

First the HTML document is loaded into the browser, and evaluated by the browser. At this time the AngularJS . . . . . . .

Accepted Answer

When an HTML document is loaded into a browser with AngularJS, the AngularJS JavaScript file is loaded, the angular global object is created, and the JavaScript code that registers controller functions is executed. This process is part of the initial bootstrap of an AngularJS application.

Question 11

You cannot use AngularJS directives to tell AnguluarJS how to mix the data into the HTML template.

Accepted Answer

AngularJS directives are specifically designed to allow you to tell AngularJS how to mix data into the HTML template. They are a core feature of AngularJS, enabling dynamic and responsive web applications.

Question 12

If the data obtained from the model contains HTML elements, these are escaped before being inserted into the HTML template. The escaping means that the HTML is displayed as text, and not as HTML. This is done to prevent . . . .

Accepted Answer

Escaping HTML elements before inserting them into an HTML template is a security measure to prevent HTML injection attacks. This ensures that any HTML code provided by the user is displayed as plain text, rather than being rendered by the browser, which could lead to Cross-Site Scripting (XSS) vulnerabilities.

Question 13

AngularJS can show or hide HTML depending on the state of data in the model. You do so using a set of AngularJS directives such as . . . . . . which are created specifically for that purpose.

Accepted Answer

The correct directives for showing or hiding HTML elements in AngularJS based on the state of data are ng-show and ng-hide. These directives evaluate an expression, and then the element is shown or hidden based on the truthiness of the expression's result.

Question 14

The . . . . . directive is used if you want to add or remove HTML elements from the DOM based on data in the model.

Accepted Answer

The ng-switch directive is used to conditionally swap DOM structure on your template based on a scope expression. Elements are added or removed based on the evaluation of the expression.

Question 15

Event binding can be defined . . . . . . . . .

Accepted Answer

Event binding in frameworks like Angular can be defined by wrapping the event name in parentheses.

Question 16

EventEmitter class acts both as an observer and observable.

Accepted Answer

The EventEmitter class in Node.js is used to handle events, allowing objects to emit events and also listen to them, thus acting both as an observable (emitting events) and an observer (listening to events).

Question 17

Events in Angular 2 behave like normal DOM events. They can bubble up but cannot propagate down.

Accepted Answer

Events in Angular 2 can both bubble up and propagate down, similar to normal DOM events. This means that the statement is false.

Question 18

EventEmitter class's simple interface, which basically encompass two methods . . . . . . . . . can therefore be used to trigger custom events and listen to events as well, both synchronously or asynchronously.

Accepted Answer

The answer of EventEmitter class's simple interface, which basically encompass...

Question 19

Angular framework provides event binding using in-built event as well as custom event. Custom events are the EventEmitter instances. To create a custom event we need to create an instance of EventEmitter annotated by . . . . . . .

Accepted Answer

The answer of Angular framework provides event binding using in-built...

Question 20

EventEmitter class is used by directives and components to emit custom Events.

Accepted Answer

EventEmitter is indeed used by directives and components in Angular to emit custom events, allowing for a parent component to listen to those events.

Quiz 2: AngularJS: Functions, Directives, and Events