Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了AngularJS与Angular-ui-router和jQuery-File-Upload大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 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分配我的控制器的方法.

大佬总结

以上是大佬教程为你收集整理的AngularJS与Angular-ui-router和jQuery-File-Upload全部内容,希望文章能够帮你解决AngularJS与Angular-ui-router和jQuery-File-Upload所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。