$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 to show client IP Address in Angularjs.
HTML Markup: Here added a span tag with an attributeng-bind with value as ip, which displays the IP address.
<body ng-app="myApp">
<body ng-app="myApp">
<div ng-controller="myip"> <span ng-bing="ip"></span>
</div> </body>AngularJS Code: Here we use $http service to make an HTTP request, which in response gives the IP address and other information. The final code looks like as written below.
<script>
var app = angular.module('myApp', []);
app.controller('myip', function($scope, $http) {
$http.get("https://ipinfo.io/json").then(function (response)
{
$scope.ip = response.data.ip;
});
});
</script>
Conclusion: In Angularjs using $http service we call (https://ipinfo.io/json) and get the client information. Here in $scope.ip we have saved the client Ip Address.
2 comments on “How to get client ip address in AngularJs”
The proper URL of GET request should be:
https://ipinfo.io/json
Hi Andrzej,
Great observation thanks for it