  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <link rel="stylesheet" type="text/css" href="style.css"/>
    <script type="text/javascript" src="../src/angular-bootstrap.js#autobind"></script>
    <script type="text/javascript">
      function PerfCntl(){}
      PerfCntl.prototype = {
        createItems: function(){
          var items = [];
          for ( var i = 0; i < 1000; i++) {
            var item = {
              name: "" + Math.random(),
              parts: [Math.random(), Math.random()]
            };
            items.push(item);
          }
          return items;
        }
      };
    </script>
  </head>
  <body ng:init="$window.$scope = this; items = createItems()" ng-controller="PerfCntl">
    <input type="text" name="text"/>
    <hr/>
    <ul>
      <li ng-repeat="item in items.$filter('').$orderBy('name')">
        {{item.name}} {{item.parts.join(', ')}}
      </li>
    </ul>
  </body>
 </html>
