angularjs - 如何在自己的文件中定义模态 Controller ？

Question

我的Angular应用程序有很多模态，我有AngularUI提供模态指令。

http://angular-ui.github.io/bootstrap/

到目前为止，我有几个主 Controller ，它们都在app.js文件中作为路由。

$routeProvider.when '/dashboard',         templateUrl: '/templates/dashboard/dashboard.html', controller: 'DashboardController'
$routeProvider.when '/dataset/:panel_id', templateUrl: '/templates/dataset/dataset.html',   controller: 'DatasetController'
$routeProvider.when '/batches/:panel_id', templateUrl: '/templates/design/design.html',     controller: 'PanelController'  

这很好。

然后，我创建了一个调用模态的函数，模态具有 ConfigureModalCtrl 的实例 Controller 。我最初将其放在调用 Controller 文件的底部，并且工作正常。

$scope.invokeConfigureModal = (assay_id) ->
   $scope.assay_id = assay_id
   $scope.primer3 = $scope.getPrimer(assay_id)
   modalInstance = $modal.open(
     templateUrl: '/templates/configure_modal/configure_modal.html'
     controller: ConfigureModalCtrl
     windowClass: 'configure-dialog'
     resolve:
           primer3: ->
             $scope.primer3
   )
   modalInstance.result.then ((primer3) ->
      $scope.primer3 = primer3
      return
     ), ->
      return   

现在，我已将模式实例 Controller 移动到它自己的文件中，但是调用函数找不到它。

angular.module('assaypipelineApp').controller "ConfigureModalCtrl", ($scope,  $modalInstance, primer3) ->
  $scope.primer3 = primer3['data']
  $scope.ok = ->  
    $modalInstance.close $scope.primer3
    return
  $scope.cancel = ->
    $modalInstance.dismiss "cancel"
  serverErrorHandler = ->
    alert("There was a server error, please reload the page and try again.")

错误消息

Error: Unknown provider: ConfigureModalCtrlProvider <- ConfigureModalCtrl

类似的问题，但不能解决我的问题。
How to create separate AngularJS controller files?

那么，我该如何解决此问题，以及为什么其他(非模态实例) Controller 则不会发生这种情况呢？是因为它们是在 route 命名的吗？

也欢迎任何有关编码样式的建议...感谢您阅读本文。

Answer 1

尝试将 Controller 作为字符串放置-我遇到了类似的问题。

controller: 'ConfigureModalCtrl'