ng-options don't work

[joaoneto]

ng-options don't work

[dreerr]

Sadly can reproduce this issue:
my html code <select ng-model="setting" ng-options="k as v | translate for (k,v) in settings" ></select>
renders as

whereas <select class="selectpicker" ng-model="setting" ng-options="k as v | translate for (k,v) in settings" ></select>
just renders

(with nothing selectable)

[thomaswdean]

Has this issue been addressed? Anyone have a work around?

[cwagner22]

Same issue...

Edit: Ended up using this directive and it works great:

.angular.module("myApp", []).directive('selectPicker', function($timeout) {
  return {
    link: function(scope, element, attrs) {
      $timeout(function() {
        $(element).selectpicker();
      }, 0);
    }
  };
});

[thejohnfreeman]

It's better to just always run the selectpicker('refresh') method, which reacts when options change.

[tarlepp]

See my issue about this #7

[thejohnfreeman]

So the problem is that the directive in this library doesn't observe the options for changes. It never calls selectpicker('refresh'). Here's the directive I'm using instead of this library. As a bonus, it works when I define my options using ng-repeat on an <optgroup> inside the <select>. The drawback is that it only works in browsers that support MutationObserver.

app.directive('ngSelectPicker', ['$timeout', '$parse', function($timeout, $parse) {
  return {
    link: function($scope, elt, attrs) {
      var refresh = function() {
        $(elt).selectpicker('refresh')
      }
      $timeout(refresh, 0) 
      obs = new MutationObserver(refresh)
      obs.observe(elt.get(0), {
        attributes: true,
        characterData: true,
        childList: true,
        subtree: true
      })
    }   
  }     
}])

[tarlepp]

Yep, my solutions supports also ng-repeat, ng-options, etc. and it should also observe possible changes of that collection.

[joaoneto]

Solved
#7