$http service of AngularJS is used to fetch data from the remote server. It needs the data available at the server must be in JSON format or an javascript object. $http fetches the data from the server using browser. We already know how to use services in Angularjs.By using the same method here, we are going to use $http services in angular. Watch the live demo or download code from the link given below. Syntax of $http: [php]modulename.controller('controllername',function($http) { $http({ method: 'GET', url: 'enter url here' }).then(function successCallback(response) { //this function will get run when data recieved }, function errorCallback(response) { //...

AngularJS Routing is one of the amazing feature provided by Angular. Routing helps in expanding the scope of view and allow us to use multiple templates within a single page application. In this tutorial, we are going to demonstrate you how to configure and use routing in your single page application. First we will explain how to configure and use routing in an application. Then we will give you information about some important services, such as $routeParams, $routeProvider etc. used for routing. And finally, we will create an application using these services which will first show the list of members of...

Services are singleton objects  or just like a javascript function to perform a specific task. Angular allow us to use these services with controllers, service, filter or directive. Whenever we want to use service with these components, we will have to specify the service name along with the component. By doing so, component ask angular to load that particular service in the application. This method of injecting service is called dependency injection. Watch the live demo or download code from the link given below. How to use a service with components To use a service, you will have to add it...

In this tutorial, we are going to learn about AngularJS Controller. For better understanding, we have divided this tutorial into two parts i.e, theoretical part as well as Implementation part. Let's have a look on what we are going to learn in this tutorial: - Theoretical Part: - - We will understand the concept of AngularJS Controller and will learn about how to define it in our application. Implementation Part: - - We will create a controller which will process a JSON array and will display its data in the view. The JSON array contains the name, designation and department...

AngularJS Filters are used to modify the data according to user's choice. These filters can be used with directives or expression using a pipe character. Angular has a bunch of filters follows a defined syntax which is given below: Basic syntax for filters: [php]{{data* | filter : option*}}[/php] Here we take some data and pipe that into a filter. sometimes we also specify the option for it.            Watch the live demo or download code from the link given below. Filters available in AngulaJS : 1. Currency Filter: Currency Filter converts a number into a proper currency...

In this tutorial, we will give you conceptual and implementation information about AngularJS Module. First we will explain the core concept of Modules and then we will create a simple application for the implementation understanding of the concept. So, Let's begin with the conceptual part. AngularJS - Module A module is a collection of the different block of codes which can be used in the angular application. These codes contain information about directives, controllers, services, filters, different functions and values that can be used anywhere within the application. Watch the live demo or download code from the link given below....

In this tutorial, we are going to create a simple application using angularjs-directives. This application will contain the following feature. Display all the available themes product. Each theme product contains a product image, show features button, price, features section, Hide Features and Buy Themes buttons. When a user clicks on a product's Show Features button,  the features section will be displayed and Show Features button would be hidden. And when user will click on Hide Features button available under features section, the feature section will be hide and Show features button will appear again. Features section also contains a Buy Theme buttons will redirect users to the related product page...

What is AngularJS? AngularJS is an open-source javascript framework. AngularJS is used to extend HTML with new attributes. AngularJS is most suitable for creating one-page web applications. Before using AngularJS, You should already have basic understanding of: - HTML CSS Javascript MVC Architecture: - AngularJS follows the MVC Architecture. MVC stands for Model View Controller. Nowadays, MVC is the most common designing patterns used by developers for web applications. Let's have a brief look at MVC: - Model - Data is generally called as Model. It deals with users data and databases. View - It explains how data or model...