如何将离子工厂连接到webapi?

时间:2017-01-31 02:19:32

标签: angularjs asp.net-web-api ionic-framework

我一直在试验离子(建立在线phonegap构建器),目前正在跟随这个:http://mcgivery.com/ionic-using-factories-and-web-services-for-dynamic-data/

不幸的是它似乎没有用。我正在尝试获取用户的用户名,并在点击按钮时将其与之匹配。但我的应用程序不响应水龙头。如果有另一种方式连接到webapi请建议。谢谢。

这是我的services.js代码:

.factory('userService', ['$http', function($http) {
var users = [];

return {
    getUsers: function(){
        return $http.get("http://10.10.9.169/UserService/api/users").then
        (function(response){
            users = response;
            return users;
        });
    },
    getUser: function(id){
        for(i=0;i<users.length;i++){
            if(users[i].Username == id){
                return users[i];
            }
        }
        return null;
    }
}
}])

这是我的controllers.js代码:

angular.module('app.controllers', [])

.controller('LoginCtrl', ['$scope', '$stateParams',
 '$location','userFactory', 
 function ($scope, $stateParams, $location, userFactory) {
  $scope.userdata = {};
  $scope.enterlogin = function(usern) {
    if(userFactory.getUser(usern) != null)
    {
        $location.path('/page14');
    }
    else
    {
        alert('Failed');
    }
}

}])

1 个答案:

答案 0 :(得分:0)

试试这个,

 getUsers: function(){
        return $http.get("http://10.10.9.169/UserService/api/users").then
        (function(response){
            users = response.data;
            return users;
        });
    },