Angular 控制器中的函数未将数据返回到 $scope 变量答案

【问题标题】：Function in Angular controller not returning data to the $scope variableAngular 控制器中的函数未将数据返回到 $scope 变量
【发布时间】：2014-12-25 09:39:22
【问题描述】：

如果我错了，请纠正我：在我看来，我想为不同的桌子获得不同类型的账单，这是我认为最好的方式。可能不是。

在我看来，我称之为：

表 1：

{{billsTypeVariableIncome}}

表 2：

{{billsTypeVariableBills}}

这是我的控制器的样子：

$scope.billsTypeVariableIncome = getBillsByType(1);
$scope.billsTypeVariableBills = getBillsByType(2);
function getBillsByType(bill_type){

        $http.get("/api/bills/by/type/"+bill_type).
        success(function(data){
           return data;

        }).
        error(function(data){

            console.log('Error ' + data);

        })
    }

我是一个菜鸟（显然）所以我的方法可能是错误的。非常感谢任何帮助！

【问题讨论】：

您在定义函数之前调用它。在调用之前定义getBillsByType，JavaScript从上到下执行。此外，getBillsByType 不会返回任何内容。您应该在$http 承诺的成功回调中设置$scope 变量。
将函数放在 $scope 变量之前也无济于事。以前试过。我很确定我的方法是错误的。我觉得这很原始。

标签： javascript angularjs function view controller

【解决方案1】：

每当您使用$http 服务时，它总是返回承诺，因为 AJAX 请求是异步的，您不确定请求何时完成。所以用promise来注册回调。

您期望从一个不可能的承诺对象返回数据。所以把你的代码改成这样：

$scope.getBillsByType = function(billType, variableName) {
    $http.get("/api/bills/by/type/" + billType).
    success(function(data) {
       $scope[variableName] = data;
    }).
    error(function(data){
        console.log('Error ' + data);
    })
};

$scope.getBillsByType(1, 'billsTypeVariableIncome');
$scope.getBillsByType(2, 'billsTypeVariableBills');

这只是一个简单的例子，你也可以用其他方式来做。

希望这会有所帮助！

谢谢，
萨

【讨论】：

非常感谢！那解决了它。圣诞快乐！
@DennisLaymi 如果您不寻找更多答案，您应该接受答案。