Selectpicker doesn't work with Angularjs

[alanloffler]

I'm trying to use the selectpicker with angularjs, but doesn't show properly the use of brackets in the value parameter and the option text.

Did someone else tried to use the selectpicker in angularjs with bootstrap?

[alanloffler]

It works calling the jquery function inside the controller, which has the options data.

[elyobo]

I'm also having issues with selectpicker and angularjs, but my problem is that the ng-model binding doesn't work if I use selectpicker, but works perfectly without it. Any ideas?

[xavadu]

Same that you @elyobo

[larissaleite]

@onza I tried calling the $('.selectpicker').selectpicker(); inside the controller that has the options data, but it didn't work. Could you please provide an example of how you managed to make it work?

[rajmohanpdy]

i have been facing this problem. selectpicker not working with ng-modal. Any soluttion ?

[caseyjhol]

Check out https://github.com/caseyjhol/ng-bootstrap-select

[rosorio02]

Hi there!
I know the post was made long time ago but I hope my solution will be a help for others.

I got another solution to the issue related.

What I did was first load my data from back-end using angularjs and inside the .success after my validation I wrote the following code:
angular.element(document).ready(function () { $('select').selectpicker("destroy"); $('select').selectpicker("render"); });
I tried to do it without angular.element(document).ready(function (){}) but nothing happend. I suppose the plugin's methods only works inside that function.

Happy Coding!!