AngularJS与Angular-ui-router和jQuery-File-Upload

Question

我正在使用angular-ui-router来控制我的AngularJS应用程序中的状态。 在一个部分我使用jquery-file-upload 。 我遇到的问题是，当我使用jquery-file-upload给出的示例时，它是否在模板中定义控制器，如下所示：

<!-- The file upload form used as target for the file upload widget -->
<form id="fileupload" action="//jquery-file-upload.appspot.com/" method="POST" 
  enctype="multipart/form-data" data-ng-app="demo" 
  data-ng-controller="DemoFileUploadController" data-file-upload="options" 
  data-ng-class="{'fileupload-processing': processing() || loadingFiles}">
... 
</form>

表单标签有data-ng-controller="DemoFileUploadController" 。 在我的控制器中，这将创建所需的所有文件上载方法（如$scope.submit()和$scope.queue ）

问题是我在我的app.js定义了我的控制器angular-ui-router风格，如下所示：

$stateProvider.state('upload', {
  url: "/upload",
  views: {
    "upload": { 
      templateUrl: "app/partials/upload.html", 
      controller: 'DemoFileUploadController' 
    },
  }
})

但是这段代码会导致我的文件上传方法，而不是在我的控制器中加载（或绑定）（没有$scope.submit()和$scope.queue ）。

有没有办法一起使用angular-ui-router和jquery-file-upload？

Answer 1

我的修复是在定义状态时简单地省略控制器：

$stateProvider.state('upload', {
  url: "/upload",
  views: {
    "upload": { 
      templateUrl: "app/partials/upload.html"
    },
  }
})

这样我就可以在我的模板中分配控制器（比如示例data-ng-controller="DemoFileUploadController" ）。 我仍在寻找通过stateProvider分配我的控制器的方法。