Friday 5 May 2017

Top 8 Reasons to Choose AngularJS for Web Applications


Demand of Web Applications is increasing day by day because of every organization keep their business online. On the basis of a recent survey there are more than 900 million websites existing in the world and the count is still increasing. Many platforms are there for build websites.

AngularJS is an open source web application framework which is released by Google. AngularJS makes your front end web development more easier. This framework is combination of HTML, CSS and Java Script.

Here are the reasons why we need to choose AngularJS for your next Web Applications.

1. Enhanced Design Architecture

2. Ease of Development

3. Easy Plug & Play Components

4. Better Performance

5. Two Way Data Binding

6. Single Page Application (SPA)

7. Write Less and Get More

8. Easy to Learn

To Know more details about the above 8 Reasons, please visit Our main Blog Best AngularJS Training.


Thursday 13 April 2017

Detailed explanation about $http Service in Angularjs



In out previous Article we discussed about Routing in AngularJS. Here we go about importance of $http service in Angularjs. To know more about the complete Services and Directives in AngularJS, Please visit AngularJS Training in Chennai.
 $http is a core AngularJS service which is used to create communication with remote http servers via Browser’s inbuilt object XMLHttpRequest.

$http.get(‘/someUrl’, config).then(successCallback, errorCallback);
$http.post(‘/someUrl’, data, config).then(successCallback, errorCallback);
$http.put(‘/someUrl’, data, config).then(successCallback, errorCallback);
$http.delete(‘/someUrl’, config).then(successCallback, errorCallback);
Here the get and post are the method of passing data to the url.  There are few more methods are available as follows.
To read more, please visit Best AngularJS Training in Chennai.

Thursday 6 April 2017

Routing in AngularJS


In our previous Article we discussed about Services and Factories then Providers in AngularJS. Now we are going see about  important concept which is Routing in AngularJS. 


Routing in AngularJS allows your application becomes a Single Page Application (SPA). In your application, you have to navigate to different pages, at the same time your application should be act as SPA without page reload. This is called as Routing.

For the Routing, here we use ngRoute Module. This module routes our applications to different pages without page refreshment.


At first you need to include the routing library file.
<script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.5.0/angular-route.js”></script>

Next include ngRoute dependency in your application module.
var app = angular.module(“myApp”, [“ngRoute”]);

Now your application ready to access Routing.

To Read more about 




To know about the complete collections of Topics in Angularjs, Please visit Best AngularJS Training in Chennai.


Friday 31 March 2017

Understanding Providers in AngularJS


In our previous Article, we discussed about service and Factory. Here is the complete details about Providers.
Provider allows us to create and inject a service into configuration phase of our application. For example, If we want to set API key to access the application, we can set the API key via provider and pass the provider to the application while its in config phase.


Module.config(function ($provide) {

$provide.provider(‘globalSetting, function() {

this.$get = function {

var appname = “My 1st Application”;

return {

appName: appname

};
}

})

});


1.     Inject $provide built-in service in config method.
2.     Create a provider service by using $provide.
3.     The Provider service function has 2 parameters
i.        The provider service Name.
ii.      Function
4.     The provider must have this.$get function

5.      Return the object literal from this function

Now the “globalSetting” provider is available for all other components. Because it has some properties and methods in a object.

To View about the Complete Article, Please visit our Main Blog.

Tuesday 28 March 2017

What is Services and Factory in AngularJS



Services are singleton objects. In other words, It's 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 the above components, we will have to inject 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.

To know more about the complete collection of Service lists, please visit Complete lists of Services.


To use a service, you will have to add it as a dependency with a component  such as controller, filter  or service. To add a service with component, you have to pass it as an argument.

For Example:

App.controller(“controllerName”, function($scope, $service))
{

});

In the above example we injected our $service along with the controller.


There are 2 types of Services are available in AngulrJS,

1.     Inbuilt Service
2.     Custom Service

Inbuilt Service:

AngulaeJS provides  many Built-in Services and Each service has individual functions and characteristics. The built-it services are prefixed by $ sign.


For Example,

$http, $filter, $route, etc.,

Custom Services:

AngularJS allows users to create their own Service. You can add any functions and behaviors to the custom service.

For Example,

app.service('servicename', function() {

this.maethodname1 = function() {
......
}
this.methodname2 = function() {
......
}

});


In the factory method of creating service, we first create empty object of the factory then we assign properties and method to it and at last, we return the factory object. Below syntax is used to create service using factory method.

For Example,

modulename.factory('Factoryname', function() {
var factory = {};
factory.methodname1 = function() {
.............
}
factory.methodname2 = function() {
..............
}
return factory;
});
We can also inject the above existing factory in to our service.

For Example,

app.service('servicename', function(‘'Factoryname'’) {

this.maethodname1 = function() {
......
}
this.methodname2 = function() {
......
}

});

I hope you got a cleared information about service and Factory. To know more about all other topics, please visit AngularJS Complete Topics.




Friday 24 March 2017

Amazing Form Validation by using AngularJS


AngularJS provides an amazing form validation by default. We don't need to write any additional code. AngularJS allows you to get current state of Input Elements and also Forms.
By using the states you can do form validation and also you can set options for the validation messages, like in which state the message should be display.

Here you can get complete collection of AngularJS Topics.

Here are the list of states for Input Elements

  • $untouched
  • $touched
  • $pristine
  • $dirty
  • $invalid
  • $valid
  • $error

Here are the list of states for Form

  • $pristine
  • $dirty
  • $invalid
  • $valid
  • $submitted
To Know more about the above Form and Input states Please visit our Main Blog


Wednesday 22 March 2017

Different Types of Filters in AngularJS


AngularJS provides number of inbuilt Directives and we don't need to write any additional code to get the filter feature. By adding the filter component, we can access the features. Here I have listed of list of Filters.

1.Currency

2.Date

3.Filter

4.json

5.lowercase / uppercase

6.orderBy

To know about the full description of the above Filters, Please click Complete collection of AngularJS File.