AngularJs 1.x

How to get client ip address in AngularJs

How to get client ip address in AngularJs

Code to Get IP Address: Here in this article will see how to get client IP address in AngularJs application. For this, we use angularjs $httpservice to make an ajax call, which in response gives us the Client IP Address , Hostname , City , Region , Geo Location (Latitude, Longitude) , Country  and name of organization and other details. Basically, we call https://ipinfo.io/jsonwhich displays IP Address. Code […]


by - Satinder singh

Angularjs call ajax function on page load

Angularjs call ajax function on page load

Call ajax function on page load: Here in this article will learn how to call controller function when our webpage gets loaded. While developing project many time we need to call some javascript functions directly after the page gets loaded. For example, we want to display some popup message on page load in AngularJS or […]


by - Satinder singh

How to create serial number using ng-repeat in AngularJS

How to create serial number using ng-repeat in AngularJS

Serial no in ng-repeat: Here in this article we learn how to display the serial number using ng-repeat in AngularJs. In other words how to generate auto increment number using ng-repeat (unique number). To view table data or list of the collection, it’s standard practice to show the serial number or row number respectively. In […]


by - Satinder singh

How to access nested json object with nested ng-repeat in AngularJs

How to access nested json object with nested ng-repeat in AngularJs

AngularJs access complex nested JSON object: Here in this article we learn how to display all the nested JSON data using nested ng-repeat directive into our HTML table on a button click .i.e how to bind an array of objects using ng-repeat in Angularjs with an example. In my previous article have also explained how […]


by - Satinder singh

AngularJS: Bind JSON data to HTML Table [ng-repeat]

AngularJS: Bind JSON data to HTML Table [ng-repeat]

Display JSON data in HTML table using Angularjs: Here in this article will explain how to bind JSON data to HTML table in Angular js. I am making this article very simple, i.e., we have a variable which holds JSON data, and on page load, we bind that JSON data to create dynamic HTML Table in […]


by - Satinder singh

AngularJs: Delete Table Row tr on button click

AngularJs: Delete Table Row tr on button click

Delete Table row in AngularJs: Here in this article will explain in angularjs how to remove or delete a table row. In my previous article have explained how to insert or add new rows dynamically to html table using Angularjs. We have use ng-repeat directive to bind HTML table with JSON data so that our table contains some […]


by - Satinder singh