ng-if在条件通过后仍无法工作

Question

在下面的函数中，我们使用了

"ng-if"[ng-if=\"GoalCard.assignment.totalResponsesToGrade>0**\"]用于显示/隐藏按钮，但即使条件通过也不显示按钮。

angular.module("goalCard/studentWritingTab.tpl.html", []).run(["$templateCache", function($templateCache) {
  $templateCache.put("goalCard/studentWritingTab.tpl.html",
    "<div class=\"large-12 columns students-table-wrapper student-writing-passage\">\n" +
    "       <div class=\"summary-report-head\">\n" +
    "           {{locale['label.goalCard.title.writing']}}\n" +
    "       </div>\n" +
    "       <div class=\"small-12 columns students-table table-header goal-student-writing-report border-theme reset-foundation\" flexcroll ><div  id=\"goalCardStudentWritingReport\"></div></div>     \n" +
    "       <div class=\"clear\"></div>\n" +
    "       <div class=\"table-header-passage\"><a class=\"button button-one large-text passge-next right\" wga-click=\"label.goalCard.gradePassages\" ng-if=\"GoalCard.assignment.totalResponsesToGrade>0\" ng-click=\"gradePassages()\">{{locale['label.goalCard.button.writing']}}</a></div>\n" +
    "</div> ");
}]);

Answer 1

你确定吗？

GoalCard.assignment.totalResponsesToGrade

是正确的实例吗？

尝试访问它，这样：

ng-if="GoalCard['assignment']['totalResponsesToGrade']>0"

您的作用域需要如下所示：

$scope.GoalCard = {};
$scope.GoalCard.assignment. = {};
$scope.GoalCard.assignment.totalResponsesToGrade = 0;