There are three types of data bindings in Angular , they are as follows:

1. Interpolation
2. Event Binding
3. Property Binding

If you are coming from an Angular 1.X background, you might be wondering that where is the two-way data binding? Remember, the first time you saw AngularJS 1.X demo and you were just blown away the by power of ng-model? Yes, like you, I was also very impressed by power of two-way data binding in AngularJS…

Constants are immutable variables which value cannot be changed. Once, you have created a constant, its value cannot be changed.

While coding in JavaScript, many times you may have come across a requirement to create constants. Before ECMA Script 6, it was not very easy to create constants in JavaScript. In this post, I will show you to create constants in both ECMA Script 5 and ECMA Script 6.

Constants in ECMA 5

We…

Recently we hosted a webinar about Getting Started with Angular 2 with TypeScript for the India and APAC region, and we’d like to share the presentation and recorded webinar with you now! In the webinar, we covered everything you need to know to get started with Angular 2 including:

• Modules
• Components
• Service
• Rx and Observable
• Form and input validations

You can view the recording of the entire presentation…

I usually come across the following requirements,

• How to print name of all the properties of an object?
• How to print only the methods of an object?
• How to print even non-enumerable properties of an object? 

In this post, we will explore all the options to iterate and print properties of a JavaScript object.  Let us consider the object cat, as shown in the listing below:

var cat = {

	name : 'foo'

A component is a main building block of an Angular 2 application, and an application may have any number of components. We can consider a component a particular view of the application with its own logic and data.

In AngularJS 1.0, there was the concept of controllers, $Scope, and directives to bind data and logic to the view or to create custom elements on the view. In Angular 2, components perform all the tasks that…

Attribute Directives are used to change the behavior, appearance or look of an element on a user input or via data from the service. Essentially, there are three types of directives in Angular 2:

1. Component
2. Structural directives
3. Attribute directives

In this post, we will learn how to create Attribute Directives in Angular. So let’s say we want to change the background color of an element; in that case we would apply…

Earlier this month we hosted a webinar about “Performing CRUD operations in Angular 2” for the India region, and we’d like to share the presentation and recorded webinar with you now! In the webinar, we covered everything you need to know to perform CRUD operations in Angular 2, including:

1. Routing
2. Components
3. Service
4. Using http, Rx, Observable
5. Data binding
6. Form and Input validation

You can…

Have you ever come across a requirement to find a particular object in a given array of objects? In this post, we will explore various ways to find a particular object in a JavaScript array. Let us assume that we have an array as shown in the listing below and we need to find whether an object with an id of ‘4’ exists:

    var tasks = [
                { 'Id': '1', 'Title': 'Go to Market 99', 'Status': 'done…

[Updated 3-22-2019]

A JavaScript closure is a function which remembers the environment in which it was created. We can think of it as an object with one method and private variables. JavaScript closures are a special kind of object which contains the function and the local scope of the function with all the variables (environment) when the closure was created.

To understand closures, first we need to understand SCOPING…

On July 27^th, we hosted a webinar titled “Getting started with AngularJS 2.0” for the India region, and we’d like to share the presentation and recorded webinar with you now! In the webinar, we covered everything you need to know to get started with AngularJS 2.0, including:

• Setting up development environment
• Understanding Components
• Bootstrapping application
• Classes and Interface in TypeScript
• Data Bindings- interpolation…

In a web application project, exporting a grid to an Excel file is one of the most frequent requirements. There are various ways to do this, but IgniteUI makes it super simple. All it takes is one line of code! In this post, we will learn to:

• Create a grid
• Export the grid to an Excel file
• Export a grid with features like Pagination enabled to an Excel file

Let’s get started.

Step1: Adding References

To work with…

The GitHub is one of the most popular code sharing platforms, which follows GIT algorithm for version control.  In this blog post, we will learn how to work with GitHub repository and Visual Studio 2015. This blog post would help you in answering following two questions:

1. How to sync or share a project from Visual Studio to a GitHub Repository
2. How to clone a GitHub Repository in Visual Studio?

Syncing or Sharing project…

 Note: Although we say this post will show you how to use Visual Studio to write AngularJS applications and unit tests, you can use these methods to configure test environments for any IDE.  

To write unit tests I will use jasmine, to run them I’ll use karma, and to create proxies of AngularJS components like filter, controller, and service, I’ll use ng-mock. In this post we will cover the following topics:

I often get questions about the Extension Method in C#. The Extension Method was introduced in C# Version 3.0. and allows us to add functionalities in an existing class without modifying it, extending it, or re-compiling it.

Essentially, the Extension Method allows us to add a new method to an existing class:

• Without modifying it or adding code
• Without extending it or creating a new derived type
• Without recompiling the…

Earlier this month, we hosted a webinar titled “Unit Testing in AngularJS” for the India region, and we’d like to share the presentation and recorded webinar with you now! In the webinar, we covered everything you need to know to about AngularJS Unit Testing, including:

• Getting started with Jasmine for JavaScript Unit Testing
• Setting up Karma
• Unit Testing Filters
• Unit Testing Controllers
• Unit…

Trees are some of the most important controls used to build modern web applications. HTML does not provide any tree elements out of the box, but by using the Ignite UI library by Infragistics, you can very easily create a tree control in your application – simply use the Ignite UI tree control, igTree. In this post, we will show you how to get started with this control in three simple steps. Let’s get started!…

Although JavaScript is a Class-Free language, it supports objects creation, overriding properties/methods and inheritance. In this post, we will explore the concepts of object creation and inheritance.

In JavaScript, Objects can be created in three possible ways:

1. An object as literal
2. Using the function constructor
3. Using the Object.Create method

Object as literal

A simple object Student - as an object literal - can…

On March 31st we hosted a webinar titled “Understanding Objects and Inheritance in JavaScript” for the India region, and we’d like to share the presentation and recorded webinar with you now!

In the webinar, we covered everything you need to know to about objects and inheritance in JavaScript, including:

• Objects literals 
• The Function constructor 
• The Value of prototype of function 
• Inheritance in…

IgniteUI DataSorce or igDataSource is a component of the Ignite UI framework. It binds various UI components to the data of the various forms like JSON, XML etc.

Step 1: Creating the Data

Let us say you have a JSON data as shown in the listing below:

 var populationData = [
    { "CountryName": "China", "1995": 1216, "2005": 1297, "2015": 1361, "2025": 1394 },
    { "CountryName": "India", "1995": 920, "2005": 109…

The Repository Pattern is one of the most popular patterns to create an enterprise level application. It restricts us to work directly with the data in the application and creates new layers for database operations, business logic, and the application’s UI. If an application does not follow the Repository Pattern, it may have the following problems:

• Duplicate database operations codes
• Need of UI to unit test database…

In ASP.NET MVC, Filters are used to inject logic at different levels of request processing and allow us to share logics across Controllers. For example, let’s say we want to run a security logic or a logging logic across the controller. To do so, we’ll write a filter containing those logics and enable them across all controllers. When we enable a filter across all controllers or actions, the filter enables the upcoming…

On February 19th we hosted a webinar titled “Creating a Single Page Application using AngularJS and Web API” for the Indian region and we’d like to share the presentation and recorded webinar with you now!

In the webinar, we covered everything you need to know to create your own SPA, including the ins and outs of Web APIs, how to expose CRUD operations on data, how to create different views for your…

The provider() function allows us to create a configurable service where we can set input per application for the service created using the provider (). For example, if we need to set API key to access a service on the application level, we can set that in the module config and pass input to the provider using the $provide service. All the others ways to create services internally use the $provide service.

Creating a…