Аргумент 'TabsCtrl1' не является функцией, получил неопределенный

Question

У меня есть этот контроллер, и я получаю следующее сообщение об ошибке

Ошибка: [ng: areq] Аргумент 'TabsCtrl1' не является функцией, получил неопределенное значение http://errors.angularjs.org/1.3.0-beta.11/ng/areq?p0=TabsCtrl1&p1=not%20a%20function%2C%20got%20undefined minErr / <@ <a href="http://localhost:8082/js/lib/angular/angular.js:78:12" rel="nofollow noreferrer">http://localhost:8082/js/lib/angular/angular.js:78:12 assertArg @ http://localhost:8082/js/lib/angular/angular.js:1583:11

'use strict';

var tabs = angular.module('opsUI.tabs.controller', ['ui.bootstrap'])

.controller('TabsCtrl1', function ($scope, $rootScope, $route) {
        $scope.showViewTab = true;

if ($route.current === undefined) {
    if ($rootScope.login === undefined) {
        $rootScope.menu = true;
    }
    return;
} else if ($route.current.loadedTemplateUrl == '/login/partials/login.html'){
    $rootScope.menu = false;
    $rootScope.login = true;
} else {
    $rootScope.menu = true;
}


$scope.tabs = [
   { title:'Postal Address', content:'Dynamic content 1' },
   { title:'Dynamic Title 2', content:'Dynamic content 2', disabled: true     }
];
});

с этим HTML

<div class="app-bar-container">
    <div class="col-md-2" style="border-right: 1px solid #F2F2F2; padding-right: 15px;">
        <button data-ng-controller="TabsCtrl1" class="menu" data-ng-show="menu"><img src="/../images/hamburger.svg"></button>Menu
    </div>
    <div>
        <img src="/../images/multiply.png" alt="" style="padding-left: 15px; height: 35px;width: 135px; margin-top:18px;"/>
    </div>

</div>

я получаю эту ошибку

Кто-нибудь может помочь?

Answer 1

Попробуйте создать контроллер таким образом.Дайте мне знать, если это поможет

'use strict';

var Controller = function($scope, $rootScope, $route) {
  $scope.showViewTab = true;

  if ($route.current === undefined) {
    if ($rootScope.login === undefined) {
      $rootScope.menu = true;
    }
    return;
  } else if ($route.current.loadedTemplateUrl == '/login/partials/login.html') {
    $rootScope.menu = false;
    $rootScope.login = true;
  } else {
    $rootScope.menu = true;
  }

  $scope.tabs = [{
      title: 'Postal Address',
      content: 'Dynamic content 1'
    },
    {
      title: 'Dynamic Title 2',
      content: 'Dynamic content 2',
      disabled: true
    }
  ];
}
angular
  .module('opsUI.tabs.controller', ['ui.bootstrap'])
  .controller('TabsCtrl1', Controller);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div class="app-bar-container">
  <div class="col-md-2" style="border-right: 1px solid #F2F2F2; padding-right: 15px;">
    <button data-ng-controller="TabsCtrl1" class="menu" data-ng-show="menu"><img src="/../images/hamburger.svg"></button>Menu
  </div>
  <div>
    <img src="/../images/multiply.png" alt="" style="padding-left: 15px; height: 35px;width: 135px; margin-top:18px;" />
  </div>

</div>