Home » JavaScript » Angular.js

Angular.js

AngularJS ng-change Directive Example

Hello readers, in this tutorial, we will learn how to implement and use the ng-change directive in the angular web applications. For this tutorial, we’ll have the change event attached to a checkbox. 1. Introduction Angular is a JavaScript MVC or Model-View-Controller framework developed by Google that lets developers build well structured, easily testable, and maintainable front-end applications. But before ...

Read More »

AngularJS if/else Example

Hello readers, in this tutorial, we will learn how to implement and use the ng-if directive in the angular web applications. For this tutorial, we’ll have a checkbox element that will display the output if and only if the given condition is satisfied. 1. Introduction Angular is a JavaScript MVC or Model-View-Controller framework developed by Google that lets developers build ...

Read More »

AngularJS Hover Example

Hello readers, in this tutorial, we will learn how to implement and use the ng-mouseover event in the angular web applications. For this tutorial, we’ll have the hover functionality attached to a button. 1. Introduction Angular is a JavaScript MVC or Model-View-Controller framework developed by Google that lets developers build well structured, easily testable, and maintainable front-end applications. But before ...

Read More »

AngularJS Get Url Parameters Example

Hello readers, in this tutorial, we will understand how to retrieve the URL parameters in the angular web applications. For this tutorial, we’ll create two links on the main page and display the results based on the specified routes and the URL parameters. 1. Introduction Before we begin with the tutorial, let’s take a look at the Angular JavaScript and ...

Read More »

AngularJS HTTP Post Example

Hello readers, in this tutorial, we will learn how to implement the angular library $http.post() method in the angular web applications. For this tutorial, we’ll send an HTTP post request to the web server. 1. Introduction AngularJS is a JavaScript MVC or Model-view-controller framework developed by Google that lets developers build well structured, easily testable, and maintainable front-end applications. The ...

Read More »

AngularJS HTTP Get Example

Hello readers, in this tutorial, we will learn how to implement the angular library $http.get() method in the angular web applications. For this tutorial, we’ll create a sample JSON structure, consume it for reading the data from the web-server, and display the same data in the view. 1. Introduction AngularJS is a JavaScript MVC or Model-View-Controller framework developed by Google ...

Read More »

AngularJS Get Element by Id Example

Hello readers, in this tutorial, we will understand how to get a DOM element by id in the angular web applications. For this tutorial, we’ll create a simple button which is reading the id of an HTML element using the inbuilt angular.element method. 1. Introduction Before we begin with the tutorial, let’s take a look at the Angular JavaScript and ...

Read More »

AngularJS File Upload Example

Hello readers, in this tutorial, we will understand how to upload a file or files in the angular web applications. For this tutorial, we’ll create a simple form that has a file upload field and binds it to the angular controller to get the data from the form. 1. Introduction Before we begin with the tutorial, let’s take a look ...

Read More »

AngularJS forEach() Example

Hello readers, in this tutorial, we will understand how to add the forEach() method in the angular web applications. 1. Introduction Before we begin with the tutorial, let’s take a look at the Angular JavaScript and its characteristics. 1.1 Angular JavaScript Angular is a JavaScript MVC or Model-View-Controller framework developed by Google that lets developers build well structured, easily testable, ...

Read More »