【问题标题】:ng-upload-before-submit not getting calledng-upload-before-submit 没有被调用
【发布时间】:2014-01-06 16:45:51
【问题描述】:

我正在使用 ng-upload 并尝试在表单上同时使用 ng-upload-before-submitng-upload-loading。但是后者被调用,而前者(我想在表单提交之前进行一些验证)没有。任何人都可以请提供一些方向吗?我的 HTML 代码如下。

    <form id='picUpload' name='picUpload' ng-upload-before-submit="validate()" method='post' data-ng-upload-loading="submittingForm()" action='uploadProfilePic' data-ng-upload='responseCallback(content)' enctype="multipart/form-data">
      
    <fieldset class="control-group" id="username_fieldset">
        <label class="control-label" for="user_screen_name">Username</label>
            <div class="controls">
            <p class="notification" id="username_notification"></p>
            <input type="text" name="name" data-ng-model="user.name" maxlength="15" id="user_screen_name">
        </div>
    </fieldset>

在我的 app.js 中正在执行以下操作:

       $scope.submittingForm = function(){
         //set some flag and etc
       }

       $scope.validate = function(){
         //check if the input field is valid
          if(valid field){
            alert("checked status");
            return true;
          } else {
            return false;
          }

如果有任何指导,将不胜感激!

感谢和问候!

【问题讨论】:

  • 请提供您正在使用的指令的链接。
  • 这是我获取 ng-upload 的地方。

标签: html forms angularjs


【解决方案1】:
  • “ng-upload-before-submit”是错误的。它应该是 ng-选项-upload-before-submit。 (我犯了同样的错误,按照自述文件)

  • 在 ng-upload 中我改变了两件事:

    • 我更新了https://github.com/twilson63/ngUpload/pull/94之后的ng-upload.js文件
    • 我还自定义了 ng-upload.js,以便 angularjs 可以理解我在调用 ng-upload-before-submit 相应函数(内部控制器)期间所做的范围更改。 (这些变化对我有好处..不知道做得好不好)。请注意,控制器函数应该返回 true,以便可以调用 apply。

我在漂亮的 ng-upload.js 中的一些更改:

    if (options.beforeSubmit) {  

 var back=options.beforeSubmit(scope);  

if (back) {scope.$apply(function() {});
            }
             return back;  
           }

PS : 我要感谢 ngUpload 的作者提供的不错的库。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-12-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2018-05-02
    • 2014-11-22
    相关资源
    最近更新 更多