Angular Online Quiz, Angular MCQ Quiz & Online Test

1 .

Which of the following is correct about TypeScript?

A)

Angular is based on TypeScript.

B)

This is a superset of JavaScript.

C)

TypeScript is maintained by Microsoft.

D)

All of the above.

Correct Answer : All of the above.

2 .

What is .subscribe?

A)

Streams data in asynchronously

B)

Streams data in synchronously

C)

Both

D)

None of above

Correct Answer : Both

3 .

What does AOT stand for?

A)

Ahead-Of-Time Compilation

B)

Angular Object Templates

C)

Both

D)

None of above

Correct Answer : Ahead-Of-Time Compilation

4 .

Which of the following is not a hook application life cycle?

A)

ngOnChanges

B)

ngViewStart

C)

ngOnInit

D)

None of the above

Correct Answer : ngViewStart

5 .

Router is part of which of the following module?

A)

@angular/core

B)

@angular/router

C)

Both

D)

None of the above

Correct Answer : @angular/router

6 .

RxJS can be used for?

A)

Browser

B)

Server Side

C)

Both

D)

None of the above

Correct Answer : Both

7 .

Which angular decorator allows us to define the pipe name that is globally available for use in any template in the across application?

A)

pipeName

B)

pipeDeco

C)

Pipe

D)

None of the above

Correct Answer : Pipe

8 .

What is the decorator used for configuring your module class?

A)

@NgModule

B)

@NgApp

C)

Both

D)

None of the above

Correct Answer : @NgModule

9 .

What is used .angular-cli.json

A)

Used to link external files

B)

Used to configure your angular 2 project

C)

used to install required project packages

D)

None of the above

Correct Answer : Used to configure your angular 2 project

10 .

Which file is responsible for startup of angular 2 project ?

A)

main.ts

B)

index.js

C)

app.ts

D)

angular.cli.json

Correct Answer : main.ts

11 .

Which of the following is the correct way to apply a filter?

A)

Property-value | filter

B)

Property-value || filter

C)

Property-value && filter

D)

None of the above

Correct Answer : Property-value | filter

12 .

Interpolation in angular 2 is done using

A)

{{}}

B)

{{{}}}

C)

D)

!!!!

Correct Answer : {{}}

13 .

Which of the following filter is used to convert input to all uppercase?

A)

upper

B)

uppercase

C)

toUpper

D)

None of the above

Correct Answer : uppercase ( {{value| uppercase}} )

14 .

Which of the following is not a hook in Angular 2 application life cycle.

A)

ngOnInit

B)

ngOnChanges

C)

ngAfterViewInit

D)

ngViewStart

Correct Answer : ngViewStart

Explanation : ngViewStart is not a hook in Angular 2 application life cycle.

15 .

Which of the following service has Angular 2, that allows us to dynamically load a component in a certain position on the page?

A)

DynamicComponentLoader

B)

DynamicControlLoader

C)

DynamicControllerLoader

D)

None of the above

Correct Answer : DynamicComponentLoader

16 .

Which of the following option is using Angular 2 to detect changes.

A)

Scope.js

B)

zone$.js

C)

zone.js

D)

zones.js

Correct Answer : zone.js

17 .

Needs cleanup step before compiling

A)

Need to maintain AOT version of bootstrap file

B)

Works only with HTML and CSS

C)

Detect error at build time

D)

None of the above

Correct Answer : Detect error at build time

18 .

Which of the following is not a feature of Angular 2?

A)

Components

B)

Multithread

C)

TypeScript

D)

Services

Correct Answer : Multithread

19 .

To start working with Angular 2, we need to install the _____________components.

A)

Npm

B)

Editor

C)

GIT

D)

All of the above

Correct Answer : All of the above

20 .

Which of the following option is correct about tsconfig.json?

A)

This file contains information about Angular 2 project.

B)

This file contains the system files required for Angular JS application.

C)

This file is used to give the options about TypeScript used for the Angular JS project.

D)

All of the above

Correct Answer : This file is used to give the options about TypeScript used for the Angular JS project.

21 .

How does Angular 4 improved error handling, when an error is caused by something in a template?

A)

By enabling TypeScript's StrictNullChecks

B)

By creating flattened versions of Angular modules

C)

By generating source maps in terms of original template

D)

None of the above

Correct Answer : By creating flattened versions of Angular modules

22 .

Observables help you manage . . . . . . . . data.

A)

synchronous

B)

asynchronous

C)

Both ( synchronous & asynchronous )

D)

None of the above

Correct Answer : asynchronous

23 .

Where would you put it?

A)

In the Component

B)

In the Template

C)

In the Injectable decorator

D)

In the module

Correct Answer : In the Injectable decorator

24 .

How would you display a list of Employees on a webpage along with where they were in the list?

A)

Loop through and print the index

B)

Loop through and print the employees

C)

Pass both the index and the employee to a web service

D)

Loop through and print the index and the employee

Correct Answer : Loop through and print the index and the employee

25 .

If you chain multiple pipes together, they are executed

A)

in parallel

B)

LIFO order

C)

in the order in which you specify them

D)

None of the above

Correct Answer : in the order in which you specify them

26 .

The number pipe is location sensitive, which means that the same format argument will produce differently formatted results based on the . . . . . . .

A)

user's format setting

B)

user's locale setting

C)

user's currency setting

D)

All of the above

Correct Answer : user's locale setting

27 .

How would you retrieve a list of items from a server's URL?

A)

Create a URL transaction

B)

Use the HTTP get method

C)

Create a get SQL statement

D)

Use an HTTP package

Correct Answer : Create a URL transaction

28 .

Which of the following is not built-in pipe in Angular?

A)

DatePipe

B)

CurrencyPipe

C)

DataPipe

D)

PercentPipe

Correct Answer : DataPipe

29 .

How would you debug and evaluate the response of the http.get function (using HttpClient) using a debugger?

A)

You cannot place breakpoints on asynchronous operators

B)

Place a breakpoint on the function that calls the http.get

C)

Place a breakpoint on the http.get

D)

Place a breakpoint inside one of the functions inside the pipe call

Correct Answer : Place a breakpoint inside one of the functions inside the pipe call

30 .

What does this syntax do? routerLink="/crisis-center"

A)

It navigates to the component with a name matching the assigned string

B)

It links a route to a service by matching the assigned string to a service class name

C)

It links a route with data by matching the assigned string to a property name

D)

It navigates to the component with a path matching the assigned string

Correct Answer : It navigates to the component with a path matching the assigned string

31 .

What is the correct syntax to associate an external template file orders.component.html to an OrdersComponent , when both are in the same orders/ folder?

A)

@Component({
  templateUrl: './orders.component.html'
})

B)

@Component({
  template: './orders.component.html'
})

C)

@Component({
  templateUrl: './orders/orders.component.html'
})

D)

@Component({
template: `
 ./orders/orders.component.html`
})

Correct Answer :

@Component({
   templateUrl: './orders.component.html'
})

32 .

The purpose of the providers array of an Angular module is to define the set of:

A)

libraries used by the application including Angular system and third-party libraries.

B)

objects available for dependency injection.

C)

components that the application provides to other parts of the application.

D)

components, custom directives, and custom pipes.

Correct Answer : objects available for dependency injection.

33 .

What command will create a new Angular app with a root routing module?

A)

ng new my-dream-app --routing

B)

ng new my-dream-app --module

C)

ng generate my-dream-app --routing

D)

ng generate my-dream-app

Correct Answer : ng new my-dream-app --routing

34 .

You apply a style selector in a component's CSS file. Which matching elements will be affected?

A)

All matching elements in the application

B)

All matching elements in the component and its child components

C)

All matching elements in the module

D)

All matching elements in the component, only

Correct Answer : All matching elements in the component, only

35 .

How would you write code to modify the response from an http.get ?

A)

Using the modify operator chained to the http.get

B)

Using the map function inside of the pipe operator chained to the http.get

C)

Using the transform operator chained to the http.get

D)

Subscribing to the http.get and setting the response to a local variable

Correct Answer : Using the map function inside of the pipe operator chained to the http.get

36 .

Where would the following code likely be found in an Angular application? routerLink="/crisis-center"

A)

In the component metadata

B)

In a service

C)

In the template

D)

In the component class

Correct Answer : In the template

37 .

What is a routerOutlet?

A)

A directive defined in the HTML identifying the route to activate

B)

A directive defined in the HTML indicating where a route's view should display

C)

A decorator defining the template to display when a route is activated

D)

A property of a component class used to activate a route

Correct Answer : A directive defined in the HTML indicating where a route's view should display

38 .

According to the Angular Style Guide, what type of code should a component delegate to a service?

A)

Event handlers

B)

Complex logic

C)

DOM manipulation

D)

Debugging logic

Correct Answer : Complex logic

39 .

What advantage does AOT give your app with regard to compilation?

A)

Precompiles when the code is served, instead of in the browser

B)

Precompiles at build time, instead of in the browser

C)

Tree shakes all unused code when the app is served

D)

Compiles in the browser

Correct Answer : Precompiles at build time, instead of in the browser

40 .

Which is the correct command to create a component named CustomerDetailComponent with the CLI (with this exact casing)?

A)

ng generate component customerdetail

B)

ng create component customer-detail

C)

ng c c customer-detail

D)

ng generate component customer-detail

Correct Answer : ng generate component customer-detail

41 .

What is the purpose of FormBuilder?

A)

Generates the form elements from data properties in the component class

B)

Creates the form data structure from a specified configuration when building reactive forms

C)

Creates the form data structure from a specified configuration when building template-driven forms

D)

Creates the form data structure from a specified configuration when building template-driven forms

Correct Answer : Creates the form data structure from a specified configuration when building reactive forms

42 .

Which Angular CLI flag will not generate unit tests for a component?

A)

--spec false

B)

--testing false

C)

--unit-test false

D)

--test false

Correct Answer : --spec false

43 .

Which of the following will map the name of an input parameter "userData" to a field named "users"?

A)

@Input('userData') users

B)

@Input() userData: users

C)

@Input() users: userData

D)

@Input('users') userData

Correct Answer : @Input('userData') users

44 .

When using FormBuilder, how are validation rules specified?

A)

As part of the FormControl configuration: heroName: ['', Validators.required]

B)

As part of the FormControl configuration: heroName: [Validators.required, '']

C)

As standard HTML validation attributes added to the input element

D)

As part of the input element binding: formControl="[heroName, Validators.required]"

Correct Answer : As part of the FormControl configuration: heroName: ['', Validators.required]