angular-ui-router-tabs/example/user/settings/settings-controller.js

Idiot-proof tab panes with route support using Angular.js + Bootstrap 3 + UI Router.

'use strict';

var SettingsCtrl = ['$rootScope', '$scope', '$stateParams', function($rootScope, $scope) {

  $scope.initialise = function() {

    $scope.tabData   = [
      {
        heading: 'One',
        route:   'user.settings.one',
        url: 'user/settings/one/:test',
        controller: 'ExampleCtrl',
        class: 'first-tab'
      },
      {
        heading: 'Two',
        route:   'user.settings.two',
        class: 'second-tab'
      }
    ];
  };

  $scope.initialise();
}];

angular.module('example').controller('SettingsCtrl', SettingsCtrl);