Angular-JS。如何讓控制器在ng-repeat中重複ng-show

Question

我是Angular的新手，如果你點擊一個選項卡，ng-repeat會顯示一些屬性，如果你點擊不同的標籤，ng-repeat witll顯示一切與不同的屬性。但是我不能讓tab控制器和ng-show一起工作。這裏是我的代碼：

<ul class = "nav nav-pills" ng-controller = "TabController as tabCtrl"> 
     <li ng-class="{'active':tabCtrl.isTab(1)}"> 
     <a ng-click="tabCtrl.setTab(1)" href = "#"> All </a> 
     </li> 
     <li ng-class="{'active':tabCtrl.isTab(2)}"> 
     <a ng-click="tabCtrl.setTab(2)" href = "#"> Online </a> 
     </li> 
     <li ng-class="{'active':tabCtrl.isTab(3)}"> 
     <a ng-click="tabCtrl.setTab(3)" href="#"> Offline </a> 
     </li> 
    </ul> 
    ... 
    <div class = "user" ng-repeat="streamer in twitch.users" ng-show="tabCtrl.isTab(1)"> 
     //... repeated stuff here 
    </div> 

這裏是TabController JS代碼：

app.controller('TabController', function(){ 
     this.tab = 1; 
     this.setTab = function(t){ 
     this.tab = t; 
     } 
     this.isTab = function(t){ 
     return (this.tab == t); 
     } 
    }) 

但是NG-show顯示毫無作爲ISTAB（）始終是假的。任何人都可以向我解釋爲什麼？

Answer 1

使用我在引用中引用的pattern來保留對控制器對象的引用。這是你如何使用AngularJS中的「controller as」語法來實現的：

app.controller('TabController', function(){ 
    var self = this; 
    this.tab = 1; 

    this.setTab = function(t){ 
     // inside a function "this" is not the controller 
     // it is a reference to the function 
     self.tab = t; 
    }; 

    this.isTab = function(t){ 
     return (self.tab == t); 
    }; 
})