Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html ng-app>
<head>
<meta charset=utf-8 />
<title>Angular Performance test by VoidCanvas.com</title>
</head>
<body>
  <div ng-controller="VoidCanvas">
  
    <h2>Hello! {{mytext}}</h2>
  
    <input type="text" ng-model="mytext">
    <br />
    
    <button ng-click="render()">Render</button>
  
    <ul>
        <li ng-repeat="item in data">{{item.number}}</li>
    </ul>
    
 </div> 
  
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.1/angular.min.js">
  </script>
</body>
</html>
 
function VoidCanvas($scope){
  
  $scope.data = [
    {number:-1},
    {number:0}
  ];
 
  $scope.render = function() {
    for(var i=0; i<10000; i++){
      $scope.data.push({number : i});
    $scope.todoText = '';
    }
  };
}
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
metalshanpro
0viewers