search

justin-lau / ui-iconpicker

A Bootstrap 3 Icon Picker implemented in AngularJS
http://justin-lau.github.io/ui-iconpicker/
MIT License
32 stars 33 forks source link

Doesn't work with ui-bootstrap >= 0.11.0 #4

Open pirumpi opened 9 years ago

pirumpi commented 9 years ago

This directive does not work with the latest version of bootstrap and angular http://plnkr.co/edit/dXPYohDJGdvNadjugff7?p=preview

justin-lau commented 9 years ago

Thank you for the bug report.

It is due to some breaking changes introduced in ui-bootstrap 0.11. Using ui-bootstrap 0.10.0 with angular 1.4.0-beta.2 works fine.

Since I planned to remove ui-bootstrap dependency on future releases, this issue won't be fixed.

astanciu commented 8 years ago

So any updates here?

justin-lau commented 8 years ago

Hi @astanciu, indeed I'm working on an version 2 that supports AngularJS 1.4.x and Bootstrap 3. It also no longer depends on ui-bootstrap. It was really close to finish a couple of weeks ago, but I have been occupied on my day works. I hope I can release it within November.

solarisfire commented 8 years ago

So any updates here?

rapheki commented 8 years ago

i had a similar issue, you need to modifiy the ui-iconpicker.js file and replace in line 156 (the templates/iconpicker.html):

jcastro7 commented 5 years ago

i had a similar issue, you need to modifiy the ui-iconpicker.js file and replace in line 156 (the templates/iconpicker.html):

  • "dropdown>" to "uib-dropdown>"
  • "dropdown-toggle>" to "uib-dropdown-toggle>"

Try with "$templateCache", function($templateCache) { return $templateCache.put("templates/iconpicker.html", "<span class=\"btn-group ui-iconpicker\" ng-class=\"{ disabled: disabled }\">\n "+ "<button type=\"button\" class=\"btn btn-default dropdown-toggle\" data-toggle=\"dropdown\" aria-expanded=\"true\">"+ "<i class=\"{{ iconClass }}\"></i><span class=\"caret\"></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=\"text\" value=\"{{ iconClass }}\" ng-if=\"name\" />\n"+ "</span>"); }