Angular JS

AngularJS application with MYSQL database using java(Servlet)

Connecting angularJS application with MySQL database using java-servlet and read data in JSON format. AngularJS database connectivity with MySQL is possible with the help of a server-side language Like PHP or servlet. In this tutorial, I am going to show you how to connect angularJS with MySQL database. We are going to follow some simple step for develope …

AngularJS application with MYSQL database using java(Servlet) Read More »

AngularJS ng-class directive with example

AngularJs ng-class directive is dynamical binds one or more CSS classes to an HTML element. which we can change according to the condition. In this tutorial, I am going to show you AngularJS ng-class directive. AngularJS ng-class-even directive. AngularJs ng-class-odd directive. [embedyt] https://www.youtube.com/watch?v=w00yMd7TuJY[/embedyt] AngularJS ng-class directive index.html <!DOCTYPE html> <html> <script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js”></script> <style> .red { background-color:red; } …

AngularJS ng-class directive with example Read More »

How to read data from server using AngularJS HTTP Get method.

 AngularJS HTTP AngularJs HTTP is a service($http) used to communicate with the server. In this tutorial, I am going to show you : Convert servlet data into JSON format. How to read JSON file data from the server using agularJs HTTP Get method.  Convert servlet data into JSON format. user.java package mypack; public class user { private String …

How to read data from server using AngularJS HTTP Get method. Read More »

AngularJS ng-include | ng-if | ng-switch with example

AngularJS ng-include AngularJS ng-include is used to include other pages inside your code. we will see how to use the ng-include directory with the example. [embedyt] https://www.youtube.com/watch?v=BA_KS77KWWI[/embedyt] index.html <!DOCTYPE html> <html> <head> <meta charset=”ISO-8859-1″> <title>Insert title here</title> <script src=”https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js”></script> <script src=js/index.js></script> </head> <body ng-app> <div ng-include=”‘home.html'”> </div> </body> </html> home.html <!DOCTYPE html> <html> <head> <meta charset=”ISO-8859-1″> …

AngularJS ng-include | ng-if | ng-switch with example Read More »

AngularJS validation with example registration from

AngularJS validation AngularJS Validation used to validate the data of an input field. If the data does not pass validation, it will display an error message to the user. There is three main state of validation in angularJS $invalid: return TRUE, If everything is going fine. $invalid: return TRUE, If at least one containing form …

AngularJS validation with example registration from Read More »

AngularJs events with examples

AngularJs Events AngularJs events are used to handle the dom events. Like mouse events,  key events. following events are providing by angular js which makes our task easy.     ng-show     ng-click     ng-blur     ng-change     ng-copy     ng-paste     ng-cut     ng-dblclick     ng-focus     ng-keydown     ng-keypress     ng-keyup     ng-mousedown     ng-mouseenter …

AngularJs events with examples Read More »

AngularJS filters | Standard filters in AngularJS || Custom Filter in AngularJS

AngularJS filters : AngularJS filters are used to display the data in a proper format or a specific format. Like Format a number to a currency format, Format a string to uppercase or lowercase and so on. In this tutorial, I am going to show you AngularJS standard filters. AngularJS custom filters. how to use angularJs filters. …

AngularJS filters | Standard filters in AngularJS || Custom Filter in AngularJS Read More »

AngularJs object,Arrays and $eval with example

AngularJs object providing a better way to hold data in object form. We can simply define an object with angularJs object. In this tutorial, I am going to show you AngularJs object AngularJS Array AngularJS $eval [embedyt] https://www.youtube.com/watch?v=4z58i10bd40[/embedyt] AngularJs object  how to define AngularJs object. obj ={s1 :’AngularJS ‘,s2 : ‘With CodeBun’} Complete code for AngularJs object <html> …

AngularJs object,Arrays and $eval with example Read More »

AngularJs expression with number and string

Angular JS expression and ng-bind directive AngularJs Expression uses to bind data with HTML. We can write angualarJS expression inside braces {{ }} or we can use ng-bind directive. In this tutorial, I am going to show you : Angular JS simple expression Angular JS ng-init directive Angular JS ng-bind directive Angular JS expression with number Angular …

AngularJs expression with number and string Read More »

AngularJs table and angularJs ng-repeat with example

AngularJS table example with ng-repeat directive AngularJs table, We can make a table in HTML using table tag but If we have multiple rows then angularJs ng-repeat directive makes it very easy to show table and we need to write less code. In this tutorial, I am going to show you how to create a table using angularJs ng-repeat …

AngularJs table and angularJs ng-repeat with example Read More »