Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ruby-on-rails-3/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ng提交不';不要以任何形式开火_Javascript_Angularjs_Forms_Ng Submit - Fatal编程技术网

Javascript ng提交不';不要以任何形式开火

Javascript ng提交不';不要以任何形式开火,javascript,angularjs,forms,ng-submit,Javascript,Angularjs,Forms,Ng Submit,我有一个基本的问题,我不明白为什么它不起作用 <div class="footer"> <div class="row writing"> <p>{{slogan}}</p> </div> {{send()}} //check if the function is there <div class="container"> <form name="user

我有一个基本的问题,我不明白为什么它不起作用

<div class="footer">
    <div class="row writing">
        <p>{{slogan}}</p>
    </div>
    {{send()}} //check if the function is there
    <div class="container">
        <form name="userForm" ng-submit="send()" novalidate>
            <div class="form-group col-md-6">
                <ng-form name="userMail">
                    <input name="mail" type="email" ng-model="varmail" class="form-control" placeholder="Your mail" required>
                    <!--<p class="help-block" ng-show="userMail.mail.$invalid">Valid Email Required</p>-->
                </ng-form>
            </div>
            <div class="form-group col-md-6">
                <ng-form name="userMarket">
                    <input type="text" ng-model="varmarket" class="form-control" placeholder="huhu"
                        required>
                </ng-form>
            </div>
            <div class="form-group">
                <button type="submit" class="btn btn-primary flat-butt">{{butLabel}}</button>
            </div>
        </form>
    </div>
</div>

{{标语}

{{send()}}//检查函数是否存在 {{butLabel}}
所以我可以看到函数在那里,但是ng submit没有触发任何东西。 请注意,这是独立的作用域,函数已成功传入

多谢各位

更新:我在这里创建了一个Plunk,它也不起作用

您发布的代码(功能上)没有问题。

  • 通过检查控制台中是否有任何错误消息开始调试
  • 查看您传递给指令的
    send
    函数,它在范围内
  • 检查该文件的HTML标记。您可能有拖尾的
    标记,这些标记混淆了您使用提交按钮所针对的表单
  • 如果您使用的是嵌套控制器,请尝试使用“controller as”语法,这样您就可以避免从从每个函数和变量创建的$scope中访问函数和变量

    另外,我不明白为什么表单中的输入有额外的指令。从你发布的内容来看,这似乎没有必要

    以下是您的代码:

    //app.js
    (功能(){
    "严格使用",;
    角度模块('app',[]);
    })();
    //main.controller.js
    (功能(){
    "严格使用",;
    角度。模块('app')。控制器('MainController',MainController);
    主控制器。$inject=['$scope'];
    功能主控制器($scope){
    $scope.butLabel=“提交”;
    $scope.send=send;
    函数send(){
    警报(“已触发!”);
    }
    }
    })();
    
    
    {{标语}

    {{butLabel}}
    因此,当我传入函数时,我应该使用“sendInfo()”,而不是“sendInfo”


    谢谢大家

    有控制台错误吗?没有什么你能提供Plunkr吗?你在路由器中指定了控制器吗?我在帖子中添加了一个Plunkr,显然它不起作用。我在这里创建了一个Plunkr,它也不起作用:所以在我的代码中,我的代码是一个具有独立作用域的指令,可能是因为它?