如何将$ http数据从Service传递到AngularJS中的Controller

Question

将控制器传递给视图时，AngularJS无法正常工作

我遇到问题，无法解决。在我的简单应用程序（非常简单）中，我有一项提供用户信息的服务。在angular中，我有一个mvc试图将信息绑定到视图中。

问题：当我将控制器传递给视图时，在route指令中，角度停止在视图中工作。我正在使用一个简单的测试{{1 + 1}}来验证angular是否正常工作。

控制器：

App.controller("loginController", function ($scope, usersModel) {

    $scope.users = usersModel.getUsers();

})

模型

App.service("usersModel", function () {

    this.getUsers = function ($scope) {
        $http.get("http://localhost:50765/api/users");
    }});

Answer 1

该服务应注入$ http服务并返回其返回的承诺

App.service("usersModel", function ($http) {

    this.getUsers = function () {
        return $http.get("http://localhost:50765/api/users");
    }
});

从诺言中提取数据：

App.controller("loginController", function ($scope, usersModel) {

    var promise = usersModel.getUsers();
    promise.then(function(response) {
        $scope.users = response.data;
    });

})