Q. What is Angular?

A. A programming language
B. A front-end web framework
C. A mobile app development platform
D. A back-end server technology
Check Answer

Q. Which company developed Angular?

A. Google
B. Microsoft
C. Apple
D. Mozilla
Check Answer

Q. Which version of Angular is currently stable and widely used?

A. AngularJS (Angular 1)
B. Angular 2
C. Angular 4
D. Angular 10
Check Answer

Q. What is the main purpose of using Angular for web development?

A. To create static web pages
B. To build dynamic single-page applications
C. To develop mobile applications
D. To design responsive web layouts
Check Answer

Q. What is a component in Angular?

A. A reusable UI element
B. A service that provides data
C. A routing configuration
D. A module that groups functionality
Check Answer

Q. What is data binding in Angular?

A. A way to bind data to HTML elements
B. A technique to update the model based on user input
C. A method to synchronize data between the view and the component
D. All of the above
Check Answer

Q. What is the role of the @Input() decorator in Angular?

A. To pass data from a parent component to a child component
B. To receive data from a child component in a parent component
C. To bind data to a component's local variable
D. To update the component's data model
Check Answer

Q. What is the purpose of the *ngFor directive in Angular?

A. To iterate over an array and display its elements
B. To conditionally render a block of HTML
C. To create a loop that repeats a specific number of times
D. To handle user events and perform actions
Check Answer

Q. How can you handle user events in Angular components?

A. By using the @Output() decorator
B. By binding to the (click) event in the template
C. By implementing the OnChanges interface
D. By using the @HostListener decorator
Check Answer

Q. What is the purpose of the RouterOutlet component in Angular?

A. To define the routing configuration
B. To display the current route's component
C. To navigate between different routes
D. To guard routes and restrict access
Check Answer

Q. What is the purpose of the RouterLink directive in Angular?

A. To navigate to a specific route
B. To define the routing configuration
C. To guard routes and restrict access
D. To display the current route's path
Check Answer

Q. What is the purpose of the HttpClient module in Angular?

A. To make HTTP requests to a server
B. To handle client-side routing
C. To manage local storage
D. To provide authentication and authorization
Check Answer

Q. What is the purpose of the FormsModule in Angular?

A. To handle form submissions
B. To validate user input
C. To provide form controls and directives
D. All of the above
Check Answer

Q. What is the purpose of the @NgModule decorator in Angular?

A. To define a new component
B. To group related components and services
C. To configure routing for an application
D. To provide a way to inject dependencies
Check Answer

Q. What is the purpose of the ngIf directive in Angular?

A. To conditionally render a block of HTML
B. To iterate over an array and display its elements
C. To handle user events and perform actions
D. To update the model based on a condition
Check Answer

Which of the following is the correct way to define a component in Angular?

A.

@Component({
  selector: 'my-component',
  templateUrl: './my-component.html',
  styleUrls: ['./my-component.css']
})
export class MyComponent {
  // component logic
}

B.

@NgModule({
  imports: [BrowserModule],
  declarations: [MyComponent],
  exports: [MyComponent]
})
export class MyComponent {
  // component logic
}

C.

@Directive({
  selector: 'my-component'
})
export class MyComponent {
  // component logic
}

D.

@Component({
  selector: 'app-root',
  template: '
My Component
'
})
export class MyComponent {
  // component logic
}

Check Answer

What is the purpose of the *ngFor directive in Angular?

A. To create a loop and iterate over a collection of items
B. To display the index of an item in a collection
C. To filter a collection of items based on a condition
D. To sort a collection of items in ascending order
Check Answer

How can you bind the value of an input field to a property in the component class?

A.

<input type="text" [value]="myProperty">

B.

<input type="text" value="{{ myProperty }}">

C.

<input type="text" bind-value="myProperty">

D.

<input type="text" value="myProperty">

Check Answer

What is the purpose of the @Input() decorator in Angular?

A. To pass data from a parent component to a child component
B. To retrieve data from a service and display it in a component
C. To emit events from a child component to a parent component
D. To update the value of a property in the component class
Check Answer

How can you conditionally display HTML elements in Angular?

A. Using the *ngIf directive
B. Using the ngSwitch directive
C. Using the ngStyle directive
D. Using the ngClass directive
Check Answer