Angular ui bootstrap custom templates in Rails

Question

How can I use the custom templates of angular ui bootstrap in rails?

I mean, if I use pagination for example it will look for a templates/pagination/pagination.html template.

The problem is that rails won't serve templates in that path, it actually needs to be assets/templates/pagination/pagination.html using the <%= asset_path(....) %> helper.

Hacking the angular ui bootstrap javascript file is a way, but I don't feel like hacking it every time I get a new version.

Answer 1

What I would suggest is to bundle custom templates with the library itself or inside a separate file. The technique to use is to fill in $templateCache with the content of your custom templates. Have a look at one of the files distributed with tamplates to see what I mean:

https://github.com/angular-ui/bootstrap/blob/gh-pages/ui-bootstrap-tpls-0.3.0.js#L2042

You can bundle templates into the $templateCache as part of the build process or prepare this file manually (in this case you need to write templates as JS strings).

Downloading individual templates via XHR for each and every directive would be wasteful as it would result in many XHR requests and would slow down your application. Also, if you preload templates into the $templateCache you can specify required path, one that doesn't need to be a valid path on your WWW server.