无法在HTML中看到Javascript变量

Question

我有一个角度应用程序，在这里我试图获取一个JavaScript变量以HTML形式显示。 这确实适用于我的应用程序的较早部分。 但是，它将不适用于新部分。

这是工作功能（在名为reports.js的文件中）：

  return db.queryPromise(sql, sqlParams().then(function(results) {
    console.log("Inside queryPromise");
    var data = {
       GrandTotals: {
          Expensed: 0
       }
    };

    results.reduce(function(data,record) {
      var expensed = record['Expensed'];
      data.GrandTotals.Expensed = expensed;
      console.log("Expensed amount:"+data.GrandTotals.Expensed);
      return data;
    }, data);
    return data;
});

这是工作的html（在名为_reportFunds.html的文件中）：

 <tr class="info bold">
   <td colspan="3">Grand Total</td>
   <td class="text-right"><currency value="data.GrandTotals.Expensed" symbol="$"/></td>
 </tr>

这是无效的功能（在名为crud.js的文件中）：

return db.queryPromise(sql, sqlParams().then(function(results) {
    console.log("Inside queryPromise-crud");
    var pageObject = {
       GrandTotals: {
          Expensed: 0
       }
    };

    results.reduce(function(pageObject,record) {
      var expensed = record['Expensed'];
      pageObject.GrandTotals.Expensed = expensed;
      console.log("Expensed amount-crud:"+pageObject.GrandTotals.Expensed);
      return pageObject;
    }, pageObject);
    return pageObject;
});

这是无法正常工作的html（在名为_trans.html的文件中）：

<tr class="info bold">
  <td colspan="3">Grand Total</td>
  <td class="text-right"><currency value="pageObject.GrandTotals.Expensed" symbol="$"/></td>
</tr>

如您所见...除了更改的变量名称外，代码基本相同。 我可以看到console.logs将期望的信息打印到服务器。 这使我相信，由于显示了数据，因此应该可以访问变量。 在将crud.js文件的值拉入html之前，可能会杀死它吗？
谢谢！

Answer 1

好吧...我从来没有想过如何使当前代码正常工作。 但是，在对总计进行更多的研究时，我发现了一种巧妙的小角度方法来处理此问题并给出总计。

这是html：

<td class="text-right">{{getTotalExpense}}</td>

这是控制器中的代码：

$scope.getTotalExpense = function() {
   var total = 0;
   for(var i=0; i<$scope.displayed.length; i++){
      var product = $scope.displayed[i];
      total += (product.Expensed);
   }

   return '$' + total.toFixed(2).replace(/(\d)(?=(\d{3})+(?!\d))/g,'$1,')
}