I'm trying to include UI bootstrap into my script reference, but i'm keeping getting the error saying that my module is not instantiated due to 'ui.bootstrap' not available! Could anybody tell me what I'm doing wrong here?
below is the head part of my index.html
<!-- META -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="text/javascript" src="scripts/angular.min.js"></script>
<script type="text/javascript" src="scripts/ui-bootstrap-tpls.min.js">
</script>
<script type="text/javascript" src="main.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css"/>
</head>
here's the first line of main.js:
var red_joker = angular.module('red_joker', ['ui.bootstrap']);