title: Angular.js - ng-repeat not working
body: <p>Angular.js is pretty new to me. I have learned before the $scope method for the controller and now trying the "this" method. For some reason I can not get my ng-repeat to work. here's my code:</p>
  
  <p>HTML:
      
      <br>
      </p>
  
  <pre><code>    &lt;ul class="nav nav-pills"&gt;
          &lt;li&gt;&lt;a ng-click="myCtrl.tab=1" href&gt;one&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a ng-click="myCtrl.tab=2" href&gt;two&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a ng-click="myCtrl.tab=3" href&gt;three&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  
      &lt;div ng-controller="imageContr as imageCtrl"&gt;
          &lt;div ng-show="myCtrl.tab === 1" class="tab"&gt;
              &lt;h3&gt;ONE title&lt;/h3&gt;
              &lt;p&gt;hello&lt;/p&gt;
              &lt;li ng-repeat="item in gallery"&gt;
                  &lt;img alt="imagealt" ng-src="{{item.photo}}"&gt;
              &lt;/li&gt;
          &lt;/div&gt;
          &lt;div ng-show="myCtrl.tab === 2" class="tab"&gt;
              &lt;h3&gt;TWO title&lt;/h3&gt;
              &lt;p&gt;how are&lt;/p&gt;
  
          &lt;/div&gt;
          &lt;div ng-show="myCtrl.tab === 3" class="tab"&gt;
              &lt;h3&gt;THREE title&lt;/h3&gt;
              &lt;p&gt;you?&lt;/p&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/section&gt;
  
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>APP.JS:</p>
  
  <pre><code>(function() {
  var app = angular.module('myApp', []);
  app.controller('myController', function() {
      this.tab = 1;
  });
  app.controller('imageContr', function() {
      this.gallery = images;
      var images = {
          photo: 'image1.jpg'
      };
  });
  })();
  </code></pre>