2014-09-23 11 views
0

在我下面的函數中,我們使用了NG-如果不工作,甚至病情傳遞

"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> "); 
}]); 
+1

嘗試使用NG-秀調試。 ng-show不會從DOM中刪除元素,只是隱藏它們,因此可能更容易檢查錯誤。之後你只需要用ng-if替換ng-show – 2014-09-23 14:45:50

回答

0

你肯定

GoalCard.assignment.totalResponsesToGrade 

是正確實例化?

嘗試訪問它這樣:

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

你的範圍將需要看起來像:

$scope.GoalCard = {}; 
$scope.GoalCard.assignment. = {}; 
$scope.GoalCard.assignment.totalResponsesToGrade = 0; 
相關問題