section with controller

<section ng-controller="WorkbenchController as workbench">
    <div class="ui-element-container">
        <ul id="workbenches" class="nav nav-tabs">
            <li ng-class="{ active: tab.isSelected(0) }"><a href ng-click="tab.selectTab(0)">All the computers.</a></li>
            <li ng-class="{ active: tab.isSelected(1) }"><a href ng-click="tab.selectTab(1)">Workbench #1</a></li>
            <li ng-class="{ active: tab.isSelected(2) }"><a href ng-click="tab.selectTab(2)">Workbench #2</a></li>
            <li ng-class="{ active: tab.isSelected(3) }"><a href ng-click="tab.selectTab(3)">Workbench #3</a></li>
            <li ng-class="{ active: tab.isSelected(4) }"><a href ng-click="tab.selectTab(4)">Workbench #4</a></li>
            <li ng-class="{ active: tab.isSelected(5) }"><a href ng-click="tab.selectTab(5)">Laptop Workbench</a></li>
            <li ng-class="{ active: tab.isSelected(6) }"><a href ng-click="tab.selectTab(6)">Danie's Desk</a></li>
            <li ng-class="{ active: tab.isSelected(7) }"><a href ng-click="tab.selectTab(7)">Dustin's Desk</a></li>
            <li ng-class="{ active: tab.isSelected(8) }"><a href ng-click="tab.selectTab(8)">Mac Workbench</a></li>
            <li ng-class="{ active: tab.isSelected(9) }"><a href ng-click="tab.selectTab(9)">Workroom Shelf</a></li>
            <li ng-class="{ active: tab.isSelected(10)}"><a href ng-click="tab.selectTab(10)">Finished Room</a></li>
        </ul>
        <div id="tabContent" class="tab-content row">
            <div class="tab-pane fade in active">
                <div ng-repeat="computer in workbench.computers | orderBy:'computer.benchid'">
                    <computer ng-show="tab.isSelected({{ computer.computer.benchid }}) || tab.isSelected(0)"></computer>
                </div>
            </div>
        </div>
    </div>
</section>