Failed to run controller

Hi everyone, I have a problem with running my controller after declaring it.

This is my current code:
app.js

var myApp = angular.module('starter', ['ionic']);
myApp.controller ("venueCtrl", function() {
     this.test = [];
     for (var i = 0; i < 100; i++) {
        this.test.push(i);
     };
     console.log("123");
})

index.html

<body ng-app="starter">
    <ion-nav-bar class="bar-stable">
        <ion-nav-back-button></ion-nav-back-button>
    </ion-nav-bar>

    <ion-nav-view></ion-nav-view>
</body>

tab-view.html (the template that I am editing)

<ion-view title = "Venue" ng-controller="venueCtrl as main">
    <ion-list>
       <ion-item collection-repeat="item in main.test">
           {{item}}
      </ion-item>
    </ion-list>
</ion-view>

What I am trying to do is just listing a list of number from 1 to 100 using collection-repeat. I use console.log to show some debug (I am using serve --lab with console option on). However, the console doesn’t show anything. I have tested already to see that the console is working (I put console.log outside of the declaration of the controller). So now I am not so sure what’s wrong since I have checked some sources and the controller declaring seems correct to me. Any help would be appreciated. Thanks