javascript - UI Bootstrap 自定义指令 Controller 不是一个函数

Question

我想使用UI Bootstrap Collapse在我的自定义指令 <collapse> 中

但是，我得到了这个Error: [ng:areq] Argument 'CollapseDemoCtrl' is not a function, got undefined

这是我的 Plunkr

我做错了什么？

Answer 1

从模板中删除ng-controller。内联定义 Controller :

controller: ['$scope', function($scope){
    $scope.isCollapsed = false;
  }]

Plunk

另一个选项是定义 Controller :

.controller('CollapseDemoCtrl', function($scope){
  $scope.isCollapsed = false;
});

并在指令中引用它:controller: 'CollapseDemoCtrl'

Plunk