ここでは、何らかの理由で私がフロントエンドに入れている表現を解析しない単純なコードがあります。 「{{actionsDueSoon}}」と表示されています。Ng表現が解析されない
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>
をIページの下にある別のコントローラと非常によく似たコードを持っているので、それは愚かなことだと思う。
console.logに期待値が表示されているため、データが取得されていることがわかります。
誰でも問題を発見できますか?
コントローラーの先頭にダミー変数を追加して表示してみてください – Weedoze
「式を解析しない」と言ったら、代わりに「
」の中に何が表示されますか? –@Weedoze私はそれを試みました。同じ結果。 – Spitfire2k6