Ng表达式不解析



这里有一段简单的ng代码,由于某种原因,它无法解析我放在前端的表达式。它显示为"{{actionsDueSoon}}"。

JS:

var module = angular.module('pt_MyActionsController', ['angular-flot']);
module.controller('pt_MyActionsController', ['$scope', '$http', '$rootScope', 'urlTemplateService',
function($scope, $http, $rootScope, urlTemplate) {
    $scope.actionsDueSoon = 0;
    $scope.actionsDue = 0;
    $scope.actionsLate = 0;
    loadRequiresMyResponse();
    function loadRequiresMyResponse() {
           $http.get([REDACTED]).success(function(data) {
            for (var i = 0; i < data.count; i++) {
                if (data.data[i].RAGStatus == "0") {
                    $scope.actionsDueSoon += 1;
                } else if (data.data[i].RAGStatus == "1") {
                    $scope.actionsDue += 1;
                } else if (data.data[i].RAGStatus == "2") {
                    $scope.actionsLate += 1;
                }
            };
            console.log("Due Soon: " + $scope.actionsDueSoon);
            console.log("Due: " + $scope.actionsDue);
            console.log("Due Late: " + $scope.actionsLate);
        }).error(function(data, status, headers, config) {
            console.log(data);
        });
    };
}
]);

我在html中添加了一个简单的表达式,试图显示一些数据,但无济于事:

HTML:

<li id="liMyActions" class="widget" ng-controller="pt_MyActionsController">
  <div class="handle">My Actions<i class="fa fa-cog right widget-cog" aria-hidden="true"></i></div>
  <div class="widget-inner">
    {{ actionsDueSoon }}
  </div>
  <div class="widget-settings"></div>
</li>

我假设这是愚蠢的,因为我有非常相似的代码与另一个控制器进一步向下的页面。

我知道数据正在被检索,因为console.log's正在显示预期的值。

有人能发现问题吗?

这个控制器pt_MyActionsController定义在一个称为pt_MyActionsController的模块中。也许这个模块没有在根应用模块中声明为依赖?

所以我不确定是什么改变了。据我所见,什么都没有,但现在起作用了。我真的不知道这是怎么发生的。

@William B如果你愿意提交你的答复,我将接受它作为答案。

谢谢。

最新更新