fix(selectpicker) changed styles to theme attr

Author: joaoneto

demo/index.html

@@ -118,11 +118,13 @@ <h3>Works with ngRepeat</h3>
             <section id="simple-usage" ng-controller="StyleCtrl" dropdown-toggle>
                 <h1>Style usage</h1>
                 <div>
-                    <h3>You can set different Bootstrap classes via the data-style attribute</h3>
-                    <select selectpicker="" data-style="btn-{{color}}" ng-model="color">
-                        <option value="primary">primary</option>
-                        <option value="info">info</option>
-                        <option value="success">success</option>
+                    <h3>Works with data-style</h3>
+                    <p>You can set different Bootstrap classes via the data-style attribute</p>
+                    <select selectpicker="" sp-theme="btn-{{color}}" ng-model="color">
+                        <option value="primary">btn-primary</option>
+                        <option value="info">btn-info</option>
+                        <option value="success">btn-success</option>
+                        <option value="danger">btn-danger</option>
                     </select>
                 </div>
             </section>

src/angular-bootstrap-select.js

@@ -177,6 +177,7 @@ angular.module('angular-bootstrap-select', [])
 function selectpickerDirective($parse) {
   return {
     restrict: 'A',
+    priority: 1000,
     link: function (scope, element, attrs) {
       function refresh(newVal) {
         scope.$applyAsync(function () {
@@ -185,10 +186,14 @@ function selectpickerDirective($parse) {
         });
       }
 
-      attrs.$observe('style', function (val) {
-        console.log(val)
-        element.selectpicker('setStyle', val);
-      })
+      attrs.$observe('spTheme', function (val) {
+        scope.$applyAsync(function () {
+          element.data('selectpicker').$button.removeClass(function (i, c) {
+            return (c.match(/(^|\s)?btn-\S+/g) || []).join(' ');
+          });
+          element.selectpicker('setStyle', val);
+        });
+      });
 
       element.selectpicker($parse(attrs.selectpicker)());
       element.selectpicker('refresh');