AngularJS 2 todo list

HTML

<script src="https://code.angularjs.org/2.0.0-alpha.26/angular2.sfx.dev.js"></script>

<script>
    function AppComponent() {
        var randomFruits = ['Apple', 'Orange', 'Banana', 'Mango', 'Kiwi', 'Apricot', 'Avocado',
        'Cherry', 'Coconut', 'Fig', 'Grape', 'Pear', 'Peach', 'Lime'],
          index = 0,
          len = randomFruits.length,
          price;

        this.fruits = [];
        for (var i = 0; i < 100000; i++) {
          index = Math.floor(Math.random() * len);
          price = Math.floor(Math.random() * 5) + 5; // from $5 - $10
          this.fruits.push({name: randomFruits[index], price: price});
        }
    }
    
    AppComponent.annotations = [
      new angular.ComponentAnnotation({
        selector: 'my-app'
      }),
      new angular.ViewAnnotation({
        template: '<h3>FRUITS</h3>' +
                  '<table><tbody><tr *ng-for="#fruit of fruits"><td>{{ fruit.name }}</td><td>${{ fruit.price }}</td></tbody></table>',
        directives: [angular.NgFor]
      })
    ];
    
    var start = new Date();
    document.addEventListener('DOMContentLoaded', function() {
      angular.bootstrap(AppComponent);
    });
    var stop = new Date();
    alert(stop - start);
    
</script>

<my-app></my-app>