【发布时间】:2016-10-26 13:32:28
【问题描述】:
我在这里有一段简单的 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 正在显示预期值。
谁能发现问题?
【问题讨论】:
-
尝试在控制器开头添加一个虚拟变量并显示出来
-
当您说它“不会解析表达式”时,您在
<div class="widget-inner"></div>中看到了什么? -
@Weedoze 我试过了。结果相同。
-
@TewsonSeeoun 我只是将其显示为文本 {{ actionsDueSoon }}
-
@Spitfire2k6 你没有提到它用括号显示......你的控制台有什么错误?
标签: javascript angularjs