javascript - 无法从其余 Controller 打印简单值

Question

我有rest api，它返回给定季度的支出总数。

我尝试创建一个应该执行请求的服务。

app.factory('ExpenseTotal', function($resource) {
    return $resource('api/expense/quarter/:q', {q: '@q'});
});

我正在尝试在我的 Controller 中使用该服务。就像这样:

app.controller('DashboardController', function($scope, ExpenseTotal) {
    $scope.updateTotalExpenses = function() {
        $scope.totalExpenses = ExpenseTotal.get({ q: $scope.selectedItem });
    }
});

我的 View 如下所示:

仪表板!

<label>Select quarter:
    <select ng-model="selectedItem" ng-change="updateTotalExpenses()">
        <option value="1">1st Quarter</option>
        <option value="2">2nd Quarter</option>
        <option value="3">3rd Quarter</option>
        <option value="4">4th Quarter</option>
    </select>
</label>
<div>Total expenses: {{totalExpenses}}</div>

但是，唯一打印的内容是:{}

有人知道我做错了什么吗？

完整代码可以在: https://github.com/tonsV2/MyBiz/ 找到

Answer 1

$resource 返回一个有 promise 的对象，一旦它被解析，你就拥有了值。将代码更改为:

ExpenseTotal.get({ q: $scope.selectedItem }).$promise.then(function(result){
  $scope.totalExpenses = result;
});