無法打印來自其他控制器的簡單值

Question

我有其餘的api返回給定季度中的總費用。

我試着創建一個應該執行請求的服務。

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

我想在我的控制器中使用該服務。像這樣：

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

我的看法如下所示：

儀表板！

<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

的$資源返回有一個承諾，一旦解決，你有值的對象。將您的代碼更改爲：

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