In AngularJS, we can send Ajax request in several ways: 1. AJAX calls via the $http service. 2. JSONP calls via the http service. 3. REST type calls. We are explaining here ajax call via the $http service. AngularJS provides the $http service for reading data from remote servers. Let us discuss $http service … Read more
AngularJS services: In AngularJS, a service is a function which is used to perform specific task. AngularJS provides many inbuilt services like $http, $route, $window, $location etc. Note: Inbuilt services are prefixed with $ symbol. Ways to create a custom service: 1. factory 2. service Example: <html> <head> <title>AngularJS Custom Services Example</title> <script src … Read more
Internationalization: Internationalization is the process of designing a software application in such a way so that it can potentially be adapted to various languages and regions without changes. AngularJS Internationalization: AngularJS provides the inbuilt internationalization for three types of filters currency, date and numbers. We only need to tell AngularJS what locale to use when … Read more
Dependency Injection (DI): Dependency Injection (DI) is a design pattern that implements inversion of control principle for resolving dependencies. It allows a programmer to remove hard coded dependencies so that the application becomes loosely coupled and extendable AngularJS dependency injection: AngularJS provides also provides the mechanism of Dependency Injection with the help of following core … Read more
Angularjs include html: HTML does not support embedding html pages within html page. But we can achieve this functionality using AngularJS. AngularJS provides the ng-include directive to embed HTML pages within a HTML page. Example: testable.htm <p>Students with country name:</p> <table> <tr> <th>Name</th> <th>Country</th> </tr> <tr ng-repeat = "student in students"> <td>{{ student.name }}</td> … Read more
Angularjs custom validations: AngularJS provides the facility to create the custom validations. We have to add a new directive to our application and provide the validation logic inside a function with certain specified arguments. Example Explanation: The ng-app directive initializes the application. We create a custom directive testDirective. We define validation logic inside testValidation function … Read more
Angularjs custom filters: AngularJS provides the facility to create the custom filters. Custom filters are created using “filter” function. Example Explanation: The ng-app directive initializes the application. We create a testFilter which reverse the string and capitalize the first letter. Example: <!DOCTYPE html> <html> <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"> </script> <body> <div ng-app="testApp" ng-controller="appCtrl"> Welcome to {{ … Read more
Angularjs custom directives: AngularJS provides the facility to create the custom directives. Custom directives extends the functionality of HTML. Custom directives are created using “directive” function. AngularJS simply replace the element with custom directive for which it actsivated. Important points: If custom directive name consist of two or more words like testDirective then when invoking … Read more
Validation: Validation is a process of checking something against a standard. AngularJS validation: AngularJS provides client-side form validation. AngularJS provides the facility to get the current state of form and input fields. Input States: $untouched: The specified field has not been touched yet. Value can be true or false. $touched: The specified field has been … Read more
Form: Form act as a container for HTML elements. Angularjs form: AngularJS is very rich in form filling and validations. For example we can use ng-click to handle AngularJS click on button and use $dirty and $invalid flags to do the validations. Angularjs contains the form controls like input, select, button etc. These form elements … Read more