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

Question

我正在使用 angular-ui-router在我的 AngularJS 应用程序中控制我的状态。在一部分中，我使用 jquery-file-upload .我遇到的问题是，当我使用 example given by jquery-file-upload ，是它在模板中定义 Controller 是这样的:

<!-- 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" .在我的 Controller 中，这会创建所需的所有文件上传方法(如 $scope.submit() 和 $scope.queue )

问题是我在我的 app.js 中定义了我的 Controller angular-ui-router 样式，就像这样:

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

但是这段代码会导致我的文件上传方法无法在我的 Controller 中加载(或绑定(bind))(没有 $scope.submit() 和 $scope.queue )。

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

Answer 1

我的解决方法是在定义状态时简单地省略 Controller :

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

通过这种方式，我在模板中分配了 Controller (如示例 data-ng-controller="DemoFileUploadController" 中)。我仍在寻找一种通过 stateProvider 分配我的 Controller 的方法。