开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

ng-提交angular js在php中不起作用

ng-submit是AngularJS中的一个指令，用于在表单提交时执行特定的函数。在PHP中，ng-submit不会直接起作用，因为PHP是一种服务器端语言，而ng-submit是在客户端执行的。

要使ng-submit生效，需要在前端页面中使用AngularJS框架，并将ng-submit指令应用于表单元素。当用户在表单中点击提交按钮时，ng-submit指令会触发绑定的函数执行。

以下是一个示例代码：

<!DOCTYPE html>
<html ng-app="myApp">
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
</head>
<body>
  <div ng-controller="myController">
    <form ng-submit="submitForm()">
      <input type="text" ng-model="name">
      <button type="submit">提交</button>
    </form>
  </div>

  <script>
    var app = angular.module('myApp', []);
    app.controller('myController', function($scope) {
      $scope.submitForm = function() {
        // 在这里执行提交表单的操作
        console.log('表单已提交');
      };
    });
  </script>
</body>
</html>

在上述代码中，ng-submit指令被应用于form元素，并绑定了一个名为submitForm的函数。当用户点击提交按钮时，submitForm函数会被调用，并在控制台输出"表单已提交"。

对于PHP后端处理，可以使用表单的action属性指定一个PHP文件来处理表单提交的数据。在该PHP文件中，可以通过$_POST或$_GET等超全局变量获取表单提交的数据，并进行相应的处理。

关于腾讯云相关产品，推荐使用腾讯云的云服务器（CVM）来部署PHP应用，以及腾讯云的云数据库MySQL（CDB）来存储和管理数据。您可以访问腾讯云官网了解更多关于云服务器和云数据库MySQL的信息：

相关搜索:ng-提交在angular js中不起作用提交按钮在angular中不起作用 ng-在angular指令中禁用 Angular JS ng-使用ng选择-重复不起作用 ng-在div中重复不起作用 Angular ng-在重复中包含作用域提交后重置ngForm在Angular 9中不起作用提交按钮在Curl content PHP中不起作用 $scope在Angular js中不起作用样式在angular JS中不起作用 ng-在指令中禁用不起作用 ng-在Angular中的等价物列表？PHP while循环提交按钮在AJAX中不起作用 PHP表单验证在提交时不起作用？ng- datetimepicker中的更改事件未在angular js中调用 ng-在angularjs中显示在span上不起作用在ngOnInit函数中打开ng-模板不起作用 ng-pattern在angular js中不起作用 Ng重复在kenwheeler Angular Js中不起作用 Angular JS验证在CSHTML(Razor)中不起作用

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

第215天：Angular---指令

中将前缀为 ng- 这种属性称之为指令，其作用就是为 DOM 元素调用方法、定义行为绑定数据等简单说：当一个 Angular 应用启动，Angular 就会遍历 DOM 树来解析 HTML，根据指令不同...AngularJS 属性以 ng- 开头，但是您可以使用 data-ng- 来让网页对 HTML5 有效。二者效果相同。.../angular.js"> 18 19 // 零件1 20 var myApp1 = angular.module('myApp1', []);...src="bower_components/angular/angular.js"> 14 angular-sanitize.../angular-sanitize.js"> 15 16 // 使用自定义的模块才可以依赖别的包里面定义模块，angular定义的默认模块没有依赖任何 17

3.2K3 0

angularJS学习之路（六）---指令

AngularJS 指令 AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。 ...ng-src ng-disabled ng-checked ng-readonly ng-selected ng-class ng-style ng-disabled: 下面代码中：.../js/angular.min.js" > // JS for demo 2: angular.module('myApp', []) .run.../js/angular.min.js" > angular.module('myApp', []) .run(function($rootScope.../js/angular.min.js"> angular.module('myApp', []) .run(function($rootScope,

1.6K2 0

Angular学习-指令入门

也是组件化未来的发展趋势，目前HTML5中也加入了很多新标签，但是在实际业务开发过程中，有很多复用的模板，加上复用的交互效果，可以将其编写为AngularJS的指令，开发工程师可以在同一个项目，或多个项目中使用...2.内置指令和自定义指令 AngularJS内部指令都是ng-diretivename这种，以ng-开头。...在实际开发中，常用的有以下几个： ngApp ngController ngClass ngClick ngShow和ng-hide ngRepeat ngSubmit 3.第一个指令编写一个第一个指令...> angular.js"> js"></script...4.总结在AngularJS中，指令非常的重要。指令是AngularJS和其他大多数JavaScript客户端框架的区别所在，也是未来Web开发组件化趋势所在。

1.3K7 0

Angular中sweetalert弹框的使用详解

，但是只能用sweetalert中的css，js必须通过npm下载sweetalert，引入下载的sweetalert.min.js 二、版本说明 Angular V1.2.30 Angular-sweetalert...三、引入文件 sweetalert/sweetalert.min.css angular/angular.min.js angular-sweetalert/SweetAlert.min.js sweetalert.../sweetalert.min.js 注意:在app中添加依赖模块‘oitozero.ngSweetAlert’ 四、使用方法 1、基础用法 swal("请选中数据再进行操作"); ?...五、相关问题 1、传函数错误 Swal(“确定提交吗”, function(){}, ‘error’ ); //这种写法在我用的这个版本中是错误的，我的这个版本支持then(), 不支持直接在参数中写方法...2、API问题在这个版本中以下写法只能实现title和text的效果，其他属性都不起作用 1 swal({ 2 title: "确定删除吗？"

2.8K4 0

AngularJS系列之常用指令

下面就来介绍一下AngularJS中的指令： AngularJS 指令： AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。.../1.4.6/angular.min.js"> 在输入框中尝试输入...还有一个比较重要的指令就是：ng-repeat 这个指令最大的作用就是循环输出HTML元素，类似于js中的each功能。下面给出一个例子来介绍这个指令的具体用法： angular.min.js"> js中的in方法，把names中的值一个个取出来并放到x这个变量中，最后放到{{x}}中展示在HTML中去。

2.1K6 0

angularjs学习第一天笔记

c.数据绑定模块的默认格式为{{参数名称}}，当然这个格式是可以自定义设置的　　　　d.第DOM标签添加angular属性时，都是以ng-开始　　　　e.angular框架中数据模型数据的变更会动态的绑定显示到...view中　　　　f.angular框架外的js修改数据模型的变化不会动态的绑定显示到view中，需要借助$apply手动更新　　　　f.Scope提供$watch方法监视Model的变化　　　　.../Scripts/angular.js"> var myApp = angular.module("myApp".../Scripts/angular.js"> var app = angular.module("myApp",.../Scripts/angular.js"> var app = angular.module("myApp",

2.2K1 0

8-angular 要点温习-1

() 序列化 JSON 字符串 3、创建多个 ng-app angular 中自承认第一个 ng-app，通过 var app =angular.module("myApp",[]);即可获它的操作权...("A2"), ['app2']); // 手动加载2 script> 复制代码 4、怎么在 angular 架构中创建编译元素添加新的元素则需要通过编译实现，编译的目的在于让添加的脚本代码支持...ng-?...$error.minlength,参数范围需从input中ng-minlength设置 $error.maxlength，参数范围需从input中ng-maxlength设置 $error.pattern.../js/libs/angular/angular.js" >script> head>

3.3K4 0

AngularJS的digest循环和$apply

最近在写AngularJS，遇到一个问题，在Ajax异步请求后台数据，然后将结果赋值给当前scope中某对象的属性，在页面中怎么都取不到，然而在js端却可以正常打印出来。...Angular返回digest循环，传递到Angular应用中。...一、传统事件触发在标准的浏览器流程中，页面加载、$http请求返回响应、鼠标移动以及按钮被点击等情况都会触发事件。...四、$apply从外部进入上下文所有指令ng-[event]指令（如ng-click）都会调用scope.scope.apply()，以强制运行$digest循环。...apply()函数可以从angular框架的外部让表达式在angular上下文内部执行。

3.2K4 1

angularjs学习第一天笔记

c.数据绑定模块的默认格式为{{参数名称}}，当然这个格式是可以自定义设置的　　　　d.第DOM标签添加angular属性时，都是以ng-开始　　　　e.angular框架中数据模型数据的变更会动态的绑定显示到...view中　　　　f.angular框架外的js修改数据模型的变化不会动态的绑定显示到view中，需要借助$apply手动更新　　　　f.Scope提供$watch方法监视Model的变化　　　　.../Scripts/angular.js"> var myApp = angular.module("myApp".../Scripts/angular.js"> var app = angular.module("myApp",.../Scripts/angular.js"> var app = angular.module("myApp",

2.1K3 0

AngularJS简介

地址：angular.js/1.4.6/angular.min.js”> 各个 angular.js 版本下载...： https://github.com/angular/angular.js/releases AngularJS通过ng-directives扩展了HTML。...AngularJS属性以ng-开头，但是您可以使用data-ng-来让网页对HTML5有效。什么是AngularJS?...AngularJS 可以在 HTML 元素”背后”添加代码。 AngularJS 支持输入验证。...是各个 controller 中 scope 的桥梁。用 rootscope 定义的值，可以在各个 controller 中使用。

5K2 0

Change Detection And Batch Update

如果仔细观察的话，你会发现上面的输出符合一个规律：在React调用的方法中连续setState走的是批量更新，此外走的是连续更新。...setTimeout确实是在handleClick当中调用的，但是两个setState可不是在handleClick当中调用的，它们是在传递给setTimeout的参数——匿名函数中执行的，走的是事件轮询...新手常碰到的一个问题就是为啥下面的代码不起作用 $('#btn').on('click', function() { $scope.val = 1; }); 因为我们没有用Angular1提供的事件系统...$apply(); }); 小结在Angular1中我们是直接操作数据的，这个过程Angular1是感知不到的，只能在某个点调用$apply进行脏值检测，所以默认就是批量更新。...Zone.js Angular2同Angular1一样都是直接操作数据的，框架都无法直接感知数据的变化，只能在特定的时机去做批量更新。

3.7K7 0

Change Detection And Batch Update

如果仔细观察的话，你会发现上面的输出符合一个规律：在React调用的方法中连续setState走的是批量更新，此外走的是连续更新。...setTimeout确实是在handleClick当中调用的，但是两个setState可不是在handleClick当中调用的，它们是在传递给setTimeout的参数——匿名函数中执行的，走的是事件轮询...新手常碰到的一个问题就是为啥下面的代码不起作用 $('#btn').on('click', function() { $scope.val = 1; }); 因为我们没有用Angular1提供的事件系统...$apply(); }); 小结在Angular1中我们是直接操作数据的，这个过程Angular1是感知不到的，只能在某个点调用$apply进行脏值检测，所以默认就是批量更新。...Zone.js Angular2同Angular1一样都是直接操作数据的，框架都无法直接感知数据的变化，只能在特定的时机去做批量更新。

3.3K4 0

Vue系列（二）——Vue之模板语法

js"> 2）另一种方式就是通过webpack-cli来实现。...我们就在这里看一下双向绑定在Vue中是怎么体现的吧！...在此之后，一旦我们改变了设置的数据，页面中的数据便可以同步更改，而不需要再去获取dom节点等操作了。...1）插值：在Vue中文本、HTML甚至JavaScript代码都可以写在模板中。...的模板中，写入JS表达式也不是梦：比如：{{ number + 1 }} 2）指令：指令是啥呢，很好判断，就是前面带个v-的，这里和angular有点像，只不过angular是ng-辣~指令的职责是

9073 0

React vs Angular 2: 冰与火之歌

Angular 2 已经发布 Beta 版，而且似乎很有信心在 2016 年成为热门框架。是时候进行一场巅峰对决了，我们来看看它如何与React 这个 2015 年的新宠抗衡。...是的是的，Angular 是框架，React 是类库。所以有人觉得比较这两者没有逻辑性可言。大错特错！选择 Angular 还是 React 就像选择直接购买成品电脑还是买零件自己组装一样。...React 信奉Unix 哲学谢幕之战 Angular 2 相比第一代有着长足的进步。...这些改进使得 Angular 2 与 React 旗鼓相当。不可否认，它功能齐全、观点鲜明，能够显著减少 “JavaScript 疲劳” 。不过，Angular 2 的大小和语法都让我望而却步。...在 React 中，你并不需要学习 ng-什么什么这种框架特有的 HTML 补丁（shim），你只要写 JavaScript 就好了。这才是我相信的未来。

8503 0

Visual Studio 2015速递(3)——ASP.NET 新特性

自从微软站出来和Angular合作之后，VS对于Angular的支持也越来越好了，很人性化的是VS2015给angular的Tag添加了一个小图片，让前端编码的时候一目了然；另外，在VS2013中敲完ng...-之后超长的延迟问题终于在VS2015中好了，同时也能更准确的推断出上下文信息了，所以开发也变得越来容易，如果借助一些支持Angular 的开发工具，开发效率也会大大提高。...Wijmo 是支持 Angular 的 HTML5 / JavaScript UI控件集，无论应用程序是移动端、PC端、还是必须要支持IE6，Wijmo 均能满足需求。 ?...自从去年React.JS火起来之后，微软也不甘落后，在VS2015中把JSX格式给支持了，包括智能提示、格式化和验证都一个不落。 ?...跨平台运行和开发 Beta8 21 Sep 2015 冻结所有功能 RC1 Nov 2015 稳定 1.0.0 Q1* 2016 正式发布下一篇，我们一起了解一下Visual Studio 2015 中的高级特性

1.7K6 0

如何使用AngularJS和PHP为任何位置生成短而独特的数字地址

每当用户提交此表单时，findaddress.php向fetchaddress.php发送一个要求，然后从数据库中检索相应的映射代码。...在createDigitalAddressApp.js文件中定义processForm，并用作辅助函数，将用户提交的信息发送到适当的文件，然后将其处理为mapcode。...第7步 - 了解地图代码生成在查看createDigitalAddressApp.js文件的同时，滚动浏览您在上一步中添加的代码部分，以查找获取通过表单提交的信息并将其处理为唯一地图代码的代码。...每当用户单击Generate按钮时，index.php文件中的代码都会提交表单并调用该processForm函数，该函数在以下createDigitalAddressApp.js位置定义： . . ....db.php保存了您在步骤2中创建的MySQL数据库的登录凭据，并通过将其包含在generateDigitalAddress.php内，我们可以将通过表单提交的任何地址信息添加到数据库中。

13.2K2 0

Angularjs1.X进阶笔记(1)—两种不同的双向数据绑定

/angular.min.js"> angular.module('myApp',[]) .controller('myCtrl',['$scope.../angular.min.js"> angular.module('myApp', []) .controller('myCtrl',.../angular.min.js"> angular.module('myApp', []) .controller('myCtrl',...那么此处的问题其实就在于，在setInterval的回调函数中去修改数据模型的值时，没有触发$apply()方法来更新视图，而通过调用Angularjs封装的ng-*方法（例如ng-click点击方法)...许多人都听说过"尽量不要在controller中操作DOM"这句话，实际上它并不意味着你在controller中操作DOM会导致程序报错，而是在说如果你同时使用jQuery和Angular两套系统来管理自己的代码

3.5K2 0

xss-labs详解（下）11-20

== 在配置文件php.ini中找到php_exif.dll将其加载顺序替换到php_mbstring.dll的后面，重启Apache打开页面进行读取，弹窗成功这个网站可以修改 ? ?...> https://ajax.googleapis.com/ajax/libs/angularjs/1.2.0/angular.min.js被墙了我们换一个 https://cdn.staticfile.org.../angular.js/1.4.6/angular.min.js ?...可以看到我们提交的参数src的值被插入到了标签的class属性值中，但是前面还有ng-include这样的字符。...ng-include是angular js中的东西，其作用相当于php的include函数。这里就是将1.png这个文件给包含进来 ? 我们这么构造 ?src='level1.php?

1.6K1 0

【AngularJS】 # AngularJS入门

/angular.min.js"> 中的控制器将标签中的代码复制到 **.js 的外部文件中 HTML中进行引入即可

js 文件 --> angular.js/1.7.0/angular-route.min.js"></script

23.2K6 0

前端MVC学习总结（二）——AngularJS验证、过滤器、指令

语法格式如下： {{ express | filter:parameter1:p2:p3… | … | …}} 过滤器分了内置过滤器与自定义过滤器，过滤器的调用方式也分了在模板中调用与在函数中调用。...2.1.2、在脚本中调用过滤函数在函数中调用过滤器的方法是：在控制中添加对$filter的依赖，$filter("过滤函数名称")(被过滤对象,'参数') 示例代码：在搜索框中可以输入查询条件过滤数据。验证搜索框中的内容只能是字母与数字，不允许输入其它类型的字符。.../angular-touch.min.js" type="text/javascript" charset="utf-8"> 在定义模块时指定要依赖的模块： /...3.4、其它内置指令 angular中提供了很多的内置指令，还有如：ng-{app/bind/bind-html/bind-template/blur/change/checked/class/class-even

15.4K6 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭