title: AngularJS ng-repeat and controllerAs
body: <p>I using simple syntax to show, hide element in ng-repeat</p>
  
  <pre><code>&lt;div ng-controller='MainController as vm'&gt;
  &lt;ul&gt;
    &lt;li ng-repeat="item in vm.items" ng-click="vm.showItem()"&gt;
      {{item}}
      &lt;span ng-show="show"&gt;test&lt;/span&gt;
      &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p></p>
  
  <p>When i was using scope everythink worked fine</p>
  
  <pre><code> $scope.showItem = function(){
     this.show=!this.show; 
   } 
  </code></pre>
  
  <p>But same code with controllerAs doesn't work</p>
  
  <pre><code> vm = this; 
   vm.showItem = function(){
      this.show=!this.show;
   }
  </code></pre>
  
  <p>How can i access to show property of current item in ng-repeat?</p>
  
  <p>Controller as <a href="http://plnkr.co/edit/Dbp5fO9OEpV6lFRySYUK?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/Dbp5fO9OEpV6lFRySYUK?p=preview</a></p>
  
  <p>$scope <a href="http://plnkr.co/edit/ptuySNRXSrA64K1IAng3?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/ptuySNRXSrA64K1IAng3?p=preview</a></p>