Skip to content

Instantly share code, notes, and snippets.

@SoldierCoder
Created July 15, 2014 03:10
Show Gist options
  • Save SoldierCoder/eb9554842ff285a4fa7f to your computer and use it in GitHub Desktop.
Save SoldierCoder/eb9554842ff285a4fa7f to your computer and use it in GitHub Desktop.
<section ng-controller="PanelController as panel">
<ul class="nav nav-pills">
<li ng-class="{ active: panel.isSelected(1) }">
<a href="" ng-click="panel.selectTab(1)">Angular</a>
</li>
<li ng-class="{ active: panel.isSelected(2) }">
<a href="" ng-click="panel.selectTab(2)">Rails 3.2-4.0</a>
</li>
<li ng-class="{ active: panel.isSelected(3) }">
<a href="" ng-click="panel.selectTab(3)">RSpec for Rails</a>
</li>
<li ng-class="{ active: panel.isSelected(4) }">
<a href="" ng-click="panel.selectTab(4)">Testing for Rails</a>
</li>
</ul>
<div class="panel" ng-show="panel.isSelected(1)">
<h4>Angular</h4>
</div>
<div class="panel" ng-show="panel.isSelected(2)">
<h4>Ruby on Rails</h4>
</div>
<div class="panel" ng-show="panel.isSelected(3)">
<h4>RSpec</h4>
</div>
<div class="panel" ng-show="panel.isSelected(4)">
<h4>Testing</h4>
</div>
</section>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment