Dropdown not working when using the picker with bootstrap ui about ui-iconpicker HOT 3 OPEN

Hello
Just add dropdown in the span tag

Le 16 janv. 2015 à 08:43, Daniel Rasinski [email protected] a écrit :

Can u post ur template?

   $templateCache.put("templates/iconpicker.html",
   "<span class='btn-group ui-iconpicker' ng-class='{ disabled: disabled }'>"+
         "<button type='button' data-toggle='dropdown' class='btn btn-default btn-xs'><i class='{{ iconClass }}'></i><span class='fa fa-caret-down'></span>" +
         "</button>" +
         "<ul c

from ui-iconpicker.

The above fix works for first click, but fails at times. This is the correct fix (correct usage of uib-dropdown):

$templateCache.put("templates/iconpicker.html", "<span class="btn-group ui-iconpicker" uib-dropdown >\n <button type="button" uib-dropdown-toggle ng-disabled='disabled' class='btn btn-default btn-md'><i class="{{ iconClass }}">\n \n <ul class="dropdown-menu" uib-dropdown-menu role="menu" aria-labelledby="single-button">\n <li ng-repeat="class in availableIconClasses">\n <button class="btn btn-default" type="button" ng-click="$parent.iconClass = class"><span class="{{ class }}">\n \n \n <input name="{{ name }}" type="hidden" value="{{ iconClass }}" ng-if="name" />\n");

from ui-iconpicker.

Thanks, successful solution.
Only need to add data-toggle='dropdown'to button.

return $templateCache.put("templates/iconpicker.html", "<span class=\"btn-group ui-iconpicker\" ng-class=\"{ disabled: disabled }\">\n <button type=\"button\" data-toggle='dropdown' class='btn btn-default btn-xs'><i class=\"{{ iconClass }}\"></i><span class='fa fa-caret-down'></span>\n </button>\n <ul class=\"dropdown-menu\" role=\"menu\">\n <li ng-repeat=\"class in availableIconClasses\">\n <button class=\"btn btn-default\" type=\"button\" ng-click=\"$parent.iconClass = class\"><span class=\"{{ class }}\"></span></button>\n </li>\n </ul>\n <input name=\"{{ name }}\" type=\"hidden\" value=\"{{ iconClass }}\" ng-if=\"name\" />\n</span>");

from ui-iconpicker.