title: Angular 1.5 bootstrap popover isn't functioning as expected
body: <p>I am trying to get popovers working on a test app im currently working on. I have loaded the HTML as such: </p>
  
  <pre><code>&lt;button uib-popover-template="'popover-content.html'" popover-title="test" type="button" popover-placement="'bottom'" class="btn btn-default"&gt;
    testingPopover
  &lt;/button&gt;
  
  &lt;script type="text/ng-template" id="popover-content.html"&gt;
      &lt;div&gt;
        &lt;label&gt;You have no new&lt;/label&gt;
      &lt;/div&gt;
  &lt;/script&gt;
  </code></pre>
  
  <p>I have inside my index file (which calls all these other components): </p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html ng-app="app"&gt;
  
  &lt;head&gt;
    &lt;style&gt;
      /* This helps the ng-show/ng-hide animations start at the right place. */
      /* Since Angular has this but needs to load, this gives us the class early. */
  
      .ng-hide {
        display: none!important;
      }
    &lt;/style&gt;
    &lt;title ng-bind="title"&gt;
      toDoList
    &lt;/title&gt;
    &lt;meta charset="utf-8" /&gt;
    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" /&gt;
    &lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" /&gt;
    &lt;base href="/"&gt;
  
    &lt;!-- build:css styles/lib.css --&gt;
    &lt;!-- bower:css --&gt;
    &lt;link rel="stylesheet" href="/bower_components/bootstrap/dist/css/bootstrap.css" /&gt;
    &lt;link rel="stylesheet" href="/bower_components/font-awesome/css/font-awesome.css" /&gt;
    &lt;link rel="stylesheet" href="/bower_components/toastr/toastr.css" /&gt;
    &lt;!-- endbower --&gt;
    &lt;!-- endbuild --&gt;
  
    &lt;!-- build:css styles/app.css --&gt;
    &lt;!-- inject:css --&gt;
    &lt;link rel="stylesheet" href="/.tmp/styles.css"&gt;
    &lt;!-- endinject --&gt;
    &lt;!-- endbuild --&gt;
    &lt;link rel="stylesheet" href="/src/client/styles/styles1.css"&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
      &lt;div class="container formatting"&gt;
        &lt;div class="row"&gt;
          &lt;div class="col-xs-12" &gt;
            &lt;div ui-view&gt;&lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
    &lt;!-- build:js js/lib.js --&gt;
    &lt;!-- bower:js --&gt;
    &lt;script src="/bower_components/jquery/dist/jquery.js"&gt;&lt;/script&gt;
    &lt;script src="/bower_components/angular/angular.js"&gt;&lt;/script&gt;
    &lt;script src="/bower_components/angular-animate/angular-animate.js"&gt;&lt;/script&gt;
    &lt;script src="/bower_components/angular-sanitize/angular-sanitize.js"&gt;&lt;/script&gt;
    &lt;script src="/bower_components/bootstrap/dist/js/bootstrap.js"&gt;&lt;/script&gt;
    &lt;script src="/bower_components/extras.angular.plus/ngplus-overlay.js"&gt;&lt;/script&gt;
    &lt;script src="/bower_components/moment/moment.js"&gt;&lt;/script&gt;
    &lt;script src="/bower_components/angular-ui-router/release/angular-ui-router.js"&gt;&lt;/script&gt;
    &lt;script src="/bower_components/toastr/toastr.js"&gt;&lt;/script&gt;
    &lt;script src="/bower_components/angular-bootstrap/ui-bootstrap-tpls.js"&gt;&lt;/script&gt;
    &lt;script src="/bower_components/ng-lodash/build/ng-lodash.js"&gt;&lt;/script&gt;
    &lt;!-- endbower --&gt;
    &lt;!-- endbuild --&gt;
  
    &lt;!-- build:js js/app.js --&gt;
    &lt;!-- inject:js --&gt;
    &lt;script src="/src/client/app/app.module.js"&gt;&lt;/script&gt;
    &lt;script src="/src/client/app/blocks/exception/exception.module.js"&gt;&lt;/script&gt;
    &lt;script src="/src/client/app/blocks/logger/logger.module.js"&gt;&lt;/script&gt;
    &lt;script src="/src/client/app/blocks/router/router.module.js"&gt;&lt;/script&gt;
    &lt;script src="/src/client/app/core/core.module.js"&gt;&lt;/script&gt;
    &lt;script src="/src/client/app/layout/layout.module.js"&gt;&lt;/script&gt;
    &lt;script src="/src/client/app/app.states.js"&gt;&lt;/script&gt;
    &lt;script src="/src/client/app/blocks/exception/exception-handler.provider.js"&gt;&lt;/script&gt;
    &lt;script src="/src/client/app/blocks/exception/exception.js"&gt;&lt;/script&gt;
    &lt;script src="/src/client/app/blocks/logger/logger.js"&gt;&lt;/script&gt;
    &lt;script src="/src/client/app/blocks/router/router-helper.provider.js"&gt;&lt;/script&gt;
    &lt;script src="/src/client/app/core/constants.js"&gt;&lt;/script&gt;
    &lt;script src="/src/client/app/layout/connection-service.js"&gt;&lt;/script&gt;
    &lt;script src="/src/client/app/layout/creation.component.js"&gt;&lt;/script&gt;
    &lt;script src="/src/client/app/layout/display.component.js"&gt;&lt;/script&gt;
    &lt;script src="/src/client/app/layout/list.component.js"&gt;&lt;/script&gt;
    &lt;script src="/src/client/app/layout/media.component.js"&gt;&lt;/script&gt;
    &lt;script src="/src/client/app/layout/todoList.component.js"&gt;&lt;/script&gt;
    &lt;script src="/src/client/app/layout/btnPopover.component.js"&gt;&lt;/script&gt;
    &lt;!-- endinject --&gt;
  
    &lt;!-- inject:templates:js --&gt;
    &lt;!-- endinject --&gt;
    &lt;!-- endbuild --&gt;
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  
  <p>When i run the code the button 'testingPopover' is successfully showing however when i click on this button there is no popover displaying. I was hoping someone could point me in the right direction, I've been referencing <a href="https://angular-ui.github.io/bootstrap/" rel="nofollow noreferrer">https://angular-ui.github.io/bootstrap/</a> to build what i have so far. </p>