28

AngularJs how to get client IP address - Codepedia

 2 years ago
source link: https://codepedia.info/get-client-ip-address-in-angularjs
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

Angularjs Get local IP Address: Here in this article will see how to get client IP address (local ip) in AngularJs application. For this, we use angularjs $http service 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 display 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 i.e local ip address. Here in $scope.ip  we have saved the client Ip Address.

Thank you for reading, pls keep visiting this blog and share this in your network. Also, I would love to hear your opinions down in the comments.

PS: If you found this content valuable and want to do a favor, then Buy me a coffee


report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK