Skip to content

Instantly share code, notes, and snippets.

@dearfrankg
Created January 31, 2013 01:14
Show Gist options
  • Save dearfrankg/4679008 to your computer and use it in GitHub Desktop.
Save dearfrankg/4679008 to your computer and use it in GitHub Desktop.
<!doctype html>
<html ng-app="plunker" xmlns:ng="http://angularjs.org" >
<head>
<script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.0.4/angular.js"></script>
<script src="http://angular-ui.github.com/bootstrap/ui-bootstrap-tpls-0.1.0-SNAPSHOT.js"></script>
<script src="example.js"></script>
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.2.2/css/bootstrap-combined.min.css" rel="stylesheet">
<!--[if lte IE 8]>
<script>
// The ieshiv takes care of our ui.directives, bootstrap module directives and
// AngularJS's ng-view, ng-include, ng-pluralize and ng-switch directives.
// However, IF you have custom directives (yours or someone else's) then
// enumerate the list of tags in window.myCustomTags
window.myCustomTags = [ 'tabs', 'pane' ];
</script>
<script src="build/angular-ui-ieshiv.js"></script>
<![endif]-->
</head>
<body>
<div ng-controller="TabsDemoCtrl">
<tabs>
<pane heading="Static title">Static content</pane>
<pane ng-repeat="pane in panes" heading="{{pane.title}}" active="pane.active">{{pane.content}}</pane>
</tabs>
<div class="row-fluid">
<button class="btn" ng-click="panes[0].active = true">Select second tab</button>
<button class="btn" ng-click="panes[1].active = true">Select third tab</button>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment