Thursday, October 3, 2013

404 template errors when using AngularJS directives for Bootstrap

This is on me for not reading the manual, or in this case the GitHub README. But since I installed from NuGet I wasn't aware of any special instructions on usage. Regardless, my Bootstrap view which used AngularJS components wasn't working as expected and Firebug revealed the problem:
NetworkError: 404 Not Found - http://localhost:51293/template/alert/alert.html
Searching through the solution files quickly revealed that there isn't an alert.html or even a template directory. Luckily someone else had the same problem recently so I wasn't left flailing about searching for an answer in a sea of curly braces.

Using 'ui-bootstrap-tpls-[version].min.js' in this case rather than 'ui-bootstrap-[version].min.js' solved The Case of the Missing Template.