這是爲什麼angularjs上的jsfiddle不工作

Question

http://jsfiddle.net/maxl/tNZAm/102/

我希望有中繼器上市數組：

功能MyControl（）{VAR 自我=這一點;

self.values = ["a","b","c","d","e","f"]; 
self.selectedIndex = -1; 

self.toggleSelect = function(ind){ 
    if(ind === self.selectedIndex){ 
     self.selectedIndex = -1; 
    } else{ 
     self.selectedIndex = ind; 
    } 
} 

self.getClass = function(ind){ 
    if(ind === self.selectedIndex){ 
     return "selected"; 
    } else{ 
     return ""; 
    } 
} 

self.getButtonLabel = function(ind){ 
    if(ind === self.selectedIndex){ 
     return "Deselect"; 
    } else{ 
     return "Select"; 
    } 
} }​ 

Answer 1

你應該使用$scope注射附加數據到DOM。另外，你曾經兩次加載Angular.js（一次通過「Choose Framework」下拉菜單，一次通過「Add Resources」面板），導致一個非常非常奇怪的錯誤。

這裏有一個工作的jsfiddle：http://jsfiddle.net/BinaryMuse/tNZAm/103/

function MyControl($scope){ 
    $scope.values = ["a","b","c","d","e","f"]; 
    $scope.selectedIndex = -1; 

    $scope.toggleSelect = function(ind){ 
     if(ind === $scope.selectedIndex){ 
      $scope.selectedIndex = -1; 
     } else{ 
      $scope.selectedIndex = ind; 
     } 
    } 

    $scope.getClass = function(ind){ 
     if(ind === $scope.selectedIndex){ 
      return "selected"; 
     } else{ 
      return ""; 
     } 
    } 

    $scope.getButtonLabel = function(ind){ 
     if(ind === $scope.selectedIndex){ 
      return "Deselect"; 
     } else{ 
      return "Select"; 
     } 
    } 
}​