title: The controller with the name 'TabsDemoCtrl' is not registered
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>                &lt;div ng-app="ui.bootstrap.demo" ng-controller="TabsDemoCtrl"&gt;
                      &lt;uib-tabset active="active"&gt; &lt;uib-tab index="0"
                          heading="Static title"&gt;Static content&lt;/uib-tab&gt; &lt;uib-tab
                          index="$index + 1" ng-repeat="tab in tabs" heading="{{tab.title}}"
                          disable="tab.disabled"&gt; {{tab.content}} &lt;/uib-tab&gt; &lt;uib-tab
                          index="3" select="alertMe()"&gt; &lt;uib-tab-heading&gt;
                      &lt;i class="glyphicon glyphicon-bell"&gt;&lt;/i&gt; Alert! &lt;/uib-tab-heading&gt; I've got an HTML
                      heading, and a select callback. Pretty cool! &lt;/uib-tab&gt; &lt;/uib-tabset&gt;
                  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  <pre><code>&lt;script
      src=&quot;http://ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular.min.js&quot;&gt;&lt;/script&gt;
  
      &lt;script type=&quot;text/javascript&quot; th:src=&quot;@{/js/ng/tweet/app.js}&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-animate.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;//ajax.googleapis.com/ajax/libs/angularjs/1.6.1/angular-sanitize.js&quot;&gt;&lt;/script&gt;
      &lt;script src=&quot;//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-2.5.0.js&quot;&gt;&lt;/script&gt;
      &lt;link href=&quot;//netdna.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css&quot; rel=&quot;stylesheet&quot;&gt;
  
  
  
  &lt;script&gt;
   angular.module('ui.bootstrap.demo', ['ngAnimate', 'ngSanitize', 'ui.bootstrap']);
   angular.module('ui.bootstrap.demo').controller('TabsDemoCtrl', function ($scope, $window) {
     $scope.tabs = [
       { title:'Dynamic Title 1', content:'Dynamic content 1' },
       { title:'Dynamic Title 2', content:'Dynamic content 2', disabled: true }
     ];
  
     $scope.alertMe = function() {
       setTimeout(function() {
         $window.alert('You\'ve selected the alert tab!');
       });
     };
     $scope.model = {
       name: 'Tabs'
     };
   });
    &lt;/script&gt;
  </code></pre>
  <p>it never works. I can't figure out the cause of the error. what could it be from. Error is &quot;The controller with the name 'TabsDemoCtrl' is not registered.&quot;</p>