Top AngularJS Interview Questions Part 1

1.What is AngularJS?

AngularJS is a javascript framework used for creating single web page applications. It allows you to use HTML as your template language and enables you to extend HTML’s syntax to express your application’s components clearly

 What is AngularJS

2.Explain what are the key features of AngularJS ?

The key features of AngularJS are

  • Scope
  • Controller
  • Model
  • View
  • Services
  • Data Binding
  • Directives
  • Filters
  • Testable
 key features of AngularJS

3.Explain what is scope in AngularJS ?

Scope refers to the application model, it acts like glue between application controller and the view.

Scopes are arranged in hierarchical structure and impersonate the DOM ( Document Object Model) structure of the application.

It can watch expressions and propagate events.

 what is scope in AngularJS

4.Explain what is services in AngularJS ?

In AngularJS services are the singleton objects or functions that are used for carrying out specific tasks. It holds some business logic and these function can be called as controllers, directive, filters and so on.

 what is services in AngularJS

5.Explain what is Angular Expression? Explain what is key difference between angular expressions and JavaScript expressions?

Like JavaScript, Angular expressions are code snippets that are usually placed in binding such as {{ expression }}

The key difference between the JavaScript expressions and Angular expressions

  • Context : In Angular, the expressions are evaluated against a scope object, while the Javascript expressions are evaluated against the global window
  • Forgiving: In Angular expression evaluation is forgiving to null and undefined, while in Javascript undefined properties generates TypeError or ReferenceError
  • No Control Flow Statements: Loops, conditionals or exceptions cannot be used in an angular expression
  • Filters: To format data before displaying it you can use filters
 what is Angular Expression.angularjs

6.With options on page load how you can initialize a select box ?

You can initialize a select box with options on page load by using ng-init directive

  • <div ng-controller = "apps/dashboard/account"ng-switch
  • On = “! ! accounts” ng-init = “ load Data ( ) ”>
With options on page load how you can initialize a select box.angularjs

7.Explain what are directives ? Mention some of the most commonly used directives in AngularJS application ?

A directive is something that introduces new syntax, they are like markers on DOM element which attaches a special behavior to it. In any AngularJS application, directives are the most important components.

Some of the commonly used directives are ng-model, ng-App, ng-bind, ng-repeat, ng-show etc.

8.Mention what are the advantages of using AngularJS?

AngularJS has several advantages in web development.

  • AngularJS supports MVC pattern
  • Can do two ways data binding using AngularJS
  • It has per-defined form validations
  • It supports both client server communication
  • It supports animations
what are the advantages of using AngularJS

9.Explain what Angular JS routes does?

  • Angular js routes enable you to create different URLs for different content in your application. Different URLs for different content enables user to bookmark URLs to specific content. Each such bookmarkable URL in AngularJS is called a route
  • A value in Angular JS is a simple object. It can be a number, string or JavaScript object. Values are typically used as configuration injected into factories, services or controllers. A value should be belong to an AngularJS module.
  • Injecting a value into an AngularJS controller function is done by adding a parameter with the same name as the value
what Angular JS routes

10.Explain what is data binding in AngularJS?

Automatic synchronization of data between the model and view components is referred as data binding in AngularJS. There are two ways for data binding

  • Data mining in classical template systems
  • Data binding in angular templates
 what is data binding in AngularJS

Related Searches to AngularJS interview Questions: