美文网首页
AngularJs ng-submit指令

AngularJs ng-submit指令

作者: 报告老师 | 来源:发表于2017-10-29 18:20 被阅读42次

ng-submit用于定义表单提交后的动作

form标签支持该元素

用例:

<div ng-app=“tosubmit” ng-controller=“ctrl”>

      <form ng-submit=“afterSubmit”>

            <input type=“text”>

            <input type=“password”>

          <input type=“submit”>           

      </form>

<script src=“...../angularjs.min.js”></script>

<script>

    var subapp =        angular.module(“tosubmit”,[]);

      subapp.controller(“ctrl”,function($scope){

          $scope.aftersubmit=function(){

                alert(“提交成功!”);

          }   

        });

</script>

</div>

额外说明:提交表单需要用name属性,根据name发送数据到服务器

相关文章

  • AngularJs ng-submit指令

    ng-submit用于定义表单提交后的动作 form标签支持该元素 用例: ...

  • Angular相关指令

    AngularJS 指令 本教程用到的 AngularJS 指令 : 指令 描述 ng-app 定义应...

  • AngularJS 参考手册

    AngularJS 指令 本教程用到的 AngularJS 指令 : 过滤器解析 AngularJs 过滤器。 A...

  • AngularJS (2)

    AngularJS 指令 AngularJS 指令是扩展的 HTML 属性,带有前缀 ng-。 ng-app 指令...

  • AngularJS 指令

    AngularJS 指令 背景 什么是AngularJS指令? 一、内置指令 二、自定义 概念 模块对象app,提...

  • AngularJS使用

    AngularJS实现MVC AngularJS模块化Module AngularJS指令系统 AngularJS...

  • Angular基础学习-01

    本节包括:AngularJS表达式、AngularJS指令、AngularJS模型、AngularJS的Scope...

  • 15. Angular的内置指令(过滤器)

    AngularJS中自定义指令处理 以ng开头的指令都是内置指令。 内置指令是AngularJS已经处理,使用内置...

  • Angular

    AngularJS 通过 ng-directives(指令)扩展了HTML AngularJS 通过内置的指令来为...

  • AngularJS 参考手册

    作者:Zyao89;转载请保留此行,谢谢; AngularJS 指令 AngularJS 事件 AngularJS...

网友评论

      本文标题:AngularJs ng-submit指令

      本文链接:https://www.haomeiwen.com/subject/angypxtx.html