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

发布时间：2020-12-17 18:07:47 所属栏目：安全来源：网络整理

导读：我正在使用 angular-ui-router控制我的AngularJS应用程序中的状态.在一个部分我使用 jquery-file-upload.我遇到的问题是,当我使用 example given by jquery-file-upload时,是它在模板中定义控制器,如下所示： !-- The file upload form used as target for t

我正在使用 angular-ui-router控制我的AngularJS应用程序中的状态.在一个部分我使用 jquery-file-upload.我遇到的问题是,当我使用 example given by 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？

解决方法

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

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

这样我就可以在我的模板中分配控制器(比如示例data-ng-controller =“DemoFileUploadController”).我仍在寻找通过stateProvider分配我的控制器的方法.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!