Authentication in angularjs

Question

hello experts, i want call below api using controller and service in angular js can u tell me how to call this api. and how to pass username and password from controller.. please give me demo code. http://my.site.in/user/login?username=akash@site.com&password=akash557k&tenant=sum&mobile=true

Aman · Answer

Hi Akash, Here are the codes for controller,module and services to call a web api. In my application i have created an API with controller LoginController. I am attaching the complete solution file also so you can check that. And if you have any query regarding that feel free to ask. /////----- Module ---- //// var app = angular.module('LoginModule',[]); /////----- Controller ---- //// app.controller('LoginController', function ($scope, LoginService) { var loginCheck = function (userName, password) { //Call CheckLogin method in Services and store the returned result in a variable LoginService.CheckLogin(userName, password).then(function (response) { $scope.Islogin = response.data; if ($scope.Islogin) { alert("Successfull Login"); } else { alert("UnSuccessfull Login"); } }) } //Function called when Login Button is clicked $scope.loginButton = function (userName, password) { //loginCheck Method called loginCheck(userName, password); } }); /////----- Services ---- //// app.service('LoginService', function ($q,$http) { //Check Login Function in services this.CheckLogin = function (userName, password) { // Api Location Url + first parameter + second parameter var ApiLocation = "http://localhost:51817/api/" + "Login?userName=" + userName + "&password=" + password; //Call the Api Get method and store the returned result in a variable and return that to controller var request = $http.get(ApiLocation); return request; } }); Here is the link from where you can get the complete solution file https://goo.gl/rISwcX Please Accept it as an Answer if it helps.

Amit Kumar Singh · Answer

1.http://brewhouse.io/blog/2014/12/09/authentication-made-simple-in-single-page-angularjs-applications.html 2.http://jasonwatmore.com/post/2014/05/26/AngularJS-Basic-HTTP-Authentication-Example.aspx 3.http://jasonwatmore.com/post/2015/03/10/AngularJS-User-Registration-and-Login-Example.aspx