Angularjs directive for simplifying bootstrap buttons. Removes the need to add a `class="btn btn-lg btn-success"` etc. http://jsbin.com/ibinASA/1/edit

btn-directive.js

var app = angular.module('boostrapButton', []);

app.directive('btn', function () {

  return function ( scope, element, attrs ) {
  
    var classes = attrs.btn.split(' ');
    
    classes.unshift('btn');
    
    element.addClass( classes.join(' btn-') ); 
    
  };
  
});

Works like this:

 <div ng-app="boostrapButton">

    <button btn="lg success">Testing the test</button>

 </div>