AngularJS
Multiple Choice Questions

A JavaScript framework for building dynamic web applications

A CSS framework for styling web pages

A server-side programming language

A database management system

Microsoft

Google

Facebook

Amazon

ng-boot

ng-app

ng-init

ng-model

MVC (Model-View-Controller)

MVVM (Model-View-ViewModel)

MVP (Model-View-Presenter)

Microservices

It is a front-end framework

It supports two-way data binding

It uses dependency injection

All of the above

To bind HTML elements to application data

To initialize an AngularJS app

To repeat an HTML element for each item in a collection

To conditionally show or hide elements

ng-repeat

ng-foreach

ng-loop

ng-iterate

It removes or recreates an element based on a condition

It hides or shows an element without removing it

It binds a model to an input field

It initializes a scope variable

ng-show

ng-hide

ng-if

ng-visible

ng-show hides the element using CSS, ng-if removes the element from DOM

ng-show removes the element, ng-if hides it

Both are identical

ng-show is used for arrays, ng-if for objects

ng-bind

ng-bind-html

ng-html

ng-model

ng-click

ng-change

ng-submit

ng-mouseover

Two

Infinity

One

Zero

$rootScope is the parent of all $scopes

$scope is the parent of $rootScope

They are unrelated

$rootScope is a child of $scope

Using the $new() method

Using the $create() method

Using the $scope() method

Automatically when a controller is created

Child scopes inherit properties from parent scopes

Parent scopes inherit from child scopes

Scopes do not inherit

Only $rootScope inherits

$emit

$broadcast

$on

$watch

To manually trigger a digest cycle

To create a new scope

To destroy a scope

To bind a model

One-way binding

Two-way binding

Both one-way and two-way

No data binding

ng-bind

ng-model

ng-value

ng-data

Using double curly braces {{ }}

Using the ng-bind directive

Using the ng-model directive

All of the above

ng-bind prevents flickering, interpolation may show raw expression briefly

Interpolation is faster

ng-bind is only for attributes

There is no difference

Data flows from model to view only

Data flows from view to model only

Data flows both ways

Data does not flow

Can cause performance issues with large datasets

It is not supported in AngularJS

It requires extra code

It only works with strings

A design pattern where objects are passed their dependencies rather than creating them internally

A method to inject HTML into the DOM

A way to create directives

A technique for optimizing performance

Using injectable services and factories

Using global variables

Using JavaScript prototypes

Using CSS classes

Factory

Value

Constant

All of the above

It is used to retrieve and instantiate injectable objects

It is used to inject HTML

It is used to create directives

It is used to handle events

$rootScope

$scope

$http

$location

Using module.service() or module.factory()

Using module.directive()

Using module.controller()

Using module.config()

To format data for display

To filter arrays based on conditions

To sort data

All of the above

lowercase

lower

tolower

case

date

time

datetime

format

Using the pipe character |

Using the filter method

Using the ng-filter directive

Using the filter attribute

limitTo

slice

take

first

Yes, using multiple pipe characters

No, only one filter per expression

Yes, using commas

No, filters cannot be combined

ngRoute

ngRouter

ngRouting

RouteModule

To configure routes in AngularJS

To provide route parameters

To handle route events

All of the above

ng-view

ng-route

ng-template

ng-partial

Encoding the application state in the URL to allow bookmarking

Linking to external websites

Using HTML5 history API

Linking to elements within a page

$location.path()

$route.go()

$router.navigate()

window.location

To access route parameters from the URL

To configure routes

To define route events

To render the view

ng-form

form

ng-form

Both A and B

To disable browser validation

To enable AngularJS validation

To reset the form

To submit the form

$valid

$invalid

$pristine

$dirty

The user has interacted with the control

The control is invalid

The control has not been touched

The control is disabled

ng-required

ng-minlength

ng-pattern

All of the above

Using ng-show with formName.fieldName.$error

Using ng-messages

Both A and B

Neither

A service is a constructor function, a factory is a function that returns an object

A factory is a constructor, a service returns an object

There is no difference

Service is synchronous, factory is asynchronous

To make AJAX requests

To handle HTTP routing

To parse HTML

To manage cookies

$location

$window

$document

$browser

To execute a function after a delay

To cancel a timeout

To clear intervals

All of the above

Using module.constant()

Using module.value()

Using module.factory()

Using module.provider()

A configurable service

A type of directive

A filter

A controller

To control the data and logic for a view

To define HTML templates

To configure routing

To create services

Using module.controller()

Using module.directive()

Using module.service()

Using module.filter()

To alias the controller instance in the view

To inject dependencies

To define controller methods

To handle events

Yes, it can be reused

No, each view needs its own controller

Only if using the same module

Only if using $rootScope

It is the context for the view data

It is the global object

It is a service

It is a directive

Using a service or factory

Using $rootScope

Using events

All of the above

A container for controllers, services, directives, etc.

A separate HTML file

A CSS stylesheet

A third-party library

Using angular.module()

Using module.create()

Using ng-app directive

Using $module

Passing it as an array argument to angular.module()

Using the require attribute

Using the import statement

It is automatic

To configure providers and services

To define controllers

To register directives

To set up routing

run() is executed after config() and can use services

config() is executed after run()

Both are executed at the same time

run() is for configuration, config() for initialization

Yes, by using dependency injection

No, only one module per app

Yes, but they cannot interact

No, modules are global

Using module.directive()

Using module.controller()

Using module.service()

Using module.filter()

It defines how the directive can be used: element, attribute, class, or comment

It restricts the directive to only work on certain elements

It specifies the scope of the directive

It defines the template URL

It defines whether the directive has its own scope or shares parent scope

It defines the template

It defines the controller

It defines the link function

It manipulates the DOM and handles events

It defines the template

It configures the scope

It injects dependencies

'=' is two-way binding, '@' is one-way binding of a string attribute

'@' is two-way binding, '=' is one-way

Both are the same

'=' is for objects, '@' for strings

transclude: true

ng-transclude

Both A and B

None

Using ng-click directive

Using onclick attribute

Using addEventListener

Using ng-mouseover

To execute an expression when the model changes

To execute on click

To execute on mouseover

To execute on keyup

ng-prevent

ng-default

ng-stop

There is no built-in directive, you can use $event.preventDefault()

By including $event in the function call

It is automatically passed

By using event parameter

Not possible

To handle form submission

To submit the form via AJAX

To reset the form

To validate the form

ng-keyup

ng-keypress

ng-keydown

All of the above

$http

$ajax

$request

$fetch

To send a GET request to a server

To send a POST request

To update data

To delete data

Using .catch() method

Using .error() callback

Using .fail() method

Using try-catch

To configure default headers and settings for all HTTP requests

To set default timeout

To configure interceptors

All of the above

Using the headers property in the config object

Using $http.headers

Using $http.setHeader()

Not possible

To globally handle requests and responses

To cache responses

To transform data

To handle authentication

angular-i18n

ngI18n

i18n

angular-translate

To get locale-specific information like date, number formats

To set the language

To translate strings

To detect browser language

By loading the appropriate locale script

Using $locale.change()

Using $rootScope.language

It is not possible

date

currency

number

All of the above

To handle pluralization of strings based on locale

To pluralize numbers

To format numbers

To translate text

Yes, by using filters or directives

No, only built-in locale

Yes, but only with server-side support

No, it's not supported

Use $watch with deep equality only when necessary

Use $watchCollection for arrays

Avoid unnecessary watches

All of the above

To bind once and not update, improving performance

To bind in both directions

To bind only on initialization

To disable binding

Use $applyAsync to batch updates

Use ng-if instead of ng-show

Use one-time binding

All of the above

Use the 'Controller As' syntax

Keep controllers thin and services fat

Use modules to organize components

All of the above

To clean up resources when a scope is destroyed

To destroy the application

To remove all watchers

To reset the scope

Use limitTo filter or pagination

Use track by to avoid re-rendering

Both A and B

None

Jasmine

Mocha

Jest

All of the above

To mock HTTP requests

To make real HTTP calls

To configure headers

To intercept responses

Using angular.mock.inject()

Using $injector

Using new keyword

Using require

To instantiate a controller with mocked scope

To test directive controllers

Both A and B

None

To load modules in tests

To configure modules

To mock modules

All of the above

By compiling the directive and testing the compiled element

By using $compile service

Both A and B

None

AngularJS uses JavaScript, Angular uses TypeScript

AngularJS is based on MVC, Angular uses component-based architecture

Angular has better performance

All of the above

Two-way data binding

Directives

Dependency Injection

All of the above

Two-way data binding

Simpler DOM manipulation

Better browser support

Lighter weight

AngularJS

React

Angular

Vue

Yes, for legacy applications

No, it is deprecated

It is used only for new projects

It is the most popular front-end framework

Directive

Controller

Service

Filter

To prevent the browser from displaying the raw AngularJS template during load

To cloak the application from users

To hide elements until the page is fully loaded

To encrypt the data

The process of watching for changes and updating the view

The compilation of templates

The dependency injection process

The routing process

Using $sanitize service

Using ng-bind-html

Using $sce.trustAsHtml

All of the above

To handle promises and asynchronous operations

To query the DOM

To create queries

To handle JSON

To assign an alias to the controller in the view

To define controller methods

To inject services

To handle events

Using ng-submit directive

Using $http to send data

Both A and B

Using jQuery

To conditionally display elements based on an expression

To switch between views

To toggle visibility

To handle events

ng-include

ng-template

ng-html

ng-partial

It is the global scope available across all controllers

It is the scope for a specific controller

It is a service

It is a directive

Using Batarang extension

Using console.log

Using $log service

All of the above

To create dropdown options from an array

To iterate over a collection

To bind to a select element

All of the above

ng-options is more efficient for large datasets and supports object binding

ng-repeat is simpler but less efficient

Both are equally efficient

ng-options is deprecated