Another way to deal with Bootstrap UI directives is to override the default HTML template. This can be done in two ways: inside the HTML file or externally.
As you may have observed, Angular Bootstrap has two files: one called
ui-bootstrap-tpls.js and the other just
The difference is simple, the
tpls suffix at the end of the filename indicates that the file has all the Bootstrap templates inside, and the others don't.
If you try to use the
ui-bootstrap.js file you will receive an error because the compiled code doesn't find the templates, and you must provide templates for all the widgets.
Perhaps this is not a good idea when you want to override one or two components, so consider using a custom build. ...