關於AngularJS切換

我是新AngularJS，我有修改的jQuery代碼指令當我點擊其中一個號碼， TOGGLE無法行動誰能幫助我..關於AngularJS切換

angular.module('app', []) 
    .directive("myNumber", function() { 
    return { 
     restrict: "A", 
     template: "<div id='hktable' class='numberBorder'></div>", 
     link: function (scope, element, attr) { 
      var i, j; 
      var hktable = element.find("#hktable"); 
      hktable.append("<div class='row' id=rowhead></div>"); 
      var rowhead = element.find("#rowhead"); 
      rowhead.append("<div class='rowhead0' </div>"); 
      for (i = 0; i < 10; i++) { 
       rowhead.append("<div class='rowhead' id=rowhead" + i + "></div>"); 
      } 

      for (i = 0; i < 5; i++) { 
       hktable.append("<div class='row' id=Row" + i + "></div>"); 
       var row = element.find("#Row" + i); 
       row.append("<div class='colhead' id=colhead" + i + "></div>"); 
       for (j = 0; j < 10; j++) { 
        var strNumber = i.toString() + j.toString(); 
        row.append("<div class='colNumber'>" + 
         "<div class='Ball' " + 
         "ng-class={'Ball':!isActive ,'Ball active':isActive} " + 
         "ng-init='isActive=false' " + 
         "ng-click='isActive=!isActive' " + 
         "id=Ball" + strNumber + ">" + strNumber + "</div></div>"); 
       } 
      } 
      //$("#Ball00").text("L"); 
      //$("#Ball00").attr("id", "head"); 
     } 
    } 
});

來源

2015-04-19 Duke

您必須添加NG-秀=「！isActive」

<div class="Ball" 
     ng-class="{'Ball':!isActive,'Ball active':isactive}" 
     ng-init="isActive=false" ng-click="isActive=!isActive" 
     id="Ball99" ng-show="!isActive">99</div>

來源

2015-04-19 09:21:37 jatin

對不起，我辜負了MOUSE更改其他顏色，而不是隱藏〜在jquery代碼中，我寫了下面代碼生成的代碼，html代碼 ng-class =「{'Ball'：！ isActive「，'ball active'：isactive}」 – Duke

關於AngularJS切換

回答

相關問題