首页 web前端 js教程 AngularJS表单编辑提交功能实例_AngularJS

AngularJS表单编辑提交功能实例_AngularJS

May 16, 2016 pm 04:14 PM
angularjs 提交

研究了下高大上的AngularJS决定试试它的表单编辑提交功能,据说比JQuery强的不是一星半点。
好奇呀,试试吧。。。。。搞了好久,尼玛。。。靠。。靠。。靠。。尼玛 。。靠。。靠。。。。好吧,谁让我手欠呢。

搜索到了很多关于AngularJS Form的案例
如:

http://www.angularjs.cn/A08j

https://github.com/tiw/angularjs-tutorial

https://github.com/tiw/angularjs-tutorial/blob/master/ng-form.markdown

https://github.com/tiw/angularjs-tutorial/blob/master/ng-form2.markdown

模仿着我要搞了个AngularJS Form,但是问题来了。。。。
发现初始化时候ng-model 跟 input 标签里的 value 不默契,冲突。。
后来想再AngularJS controller 里预先赋值 $scope.formData = {‘name':'张三'};
可以通过php程序把值赋到这个AngularJS controller里

复制代码 代码如下:


<script><br /> var formApp = angular.module('formApp', []);<br /> function formController($scope, $http) {<br /> $scope.formData = {'name':'张三','remark':'备注'};<br /> $scope.myForm = function() {<br /> $http({<br /> method : 'POST',<br /> url : '/role/edit',<br /> data : $.param($scope.formData), // pass in data as strings<br /> headers : { 'Content-Type': 'application/x-www-form-urlencoded' } // set the headers so angular passing info as form data (not request payload)<br /> })<br /> .success(function(data) {<br /> console.log(data);<br /> if (!data.success) {<br /> } else {<br /> }<br /> });<br /> };<br /> }<br /> </script>


后来又搜啊搜 发现还有其他办法,这么个东东 ng-init=”formData.name='张三'”

复制代码 代码如下:


本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
2 周前 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
2 周前 By 尊渡假赌尊渡假赌尊渡假赌

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

MySQL事务处理:自动提交与手动提交的区别 MySQL事务处理:自动提交与手动提交的区别 Mar 16, 2024 am 11:33 AM

MySQL事务处理:自动提交与手动提交的区别在MySQL数据库中,事务是一组SQL语句的集合,要么全部执行成功,要么全部执行失败,保证了数据的一致性和完整性。在MySQL中,事务可以分为自动提交和手动提交,其区别在于事务提交的时机以及对事务的控制范围。下面将详细介绍自动提交和手动提交的区别,并给出具体的代码示例来说明。一、自动提交在MySQL中,如果没有显示

2022年最新5款的angularjs教程从入门到精通 2022年最新5款的angularjs教程从入门到精通 Jun 15, 2017 pm 05:50 PM

Javascript 是一个非常有个性的语言. 无论是从代码的组织, 还是代码的编程范式, 还是面向对象理论都独具一格. 而很早就在争论的Javascript 是不是面向对象语言这个问题, 显然已有答案. 但是, 即使 Javascript 叱咤风云二十年, 如果想要看懂 jQuery, Angularjs, 甚至是 React 等流行框架, 观看《黑马云课堂JavaScript 高级框架设计视频教程》就对了。

使用PHP和AngularJS搭建一个响应式网站,提供优质的用户体验 使用PHP和AngularJS搭建一个响应式网站,提供优质的用户体验 Jun 27, 2023 pm 07:37 PM

在如今信息时代,网站已经成为人们获取信息和交流的重要工具。一个响应式的网站能够适应各种设备,为用户提供优质的体验,成为了现代网站开发的热点。本篇文章将介绍如何使用PHP和AngularJS搭建一个响应式网站,从而提供优质的用户体验。PHP介绍PHP是一种开源的服务器端编程语言,非常适用于Web开发。PHP具有很多优点,如易于学习、跨平台、丰富的工具库、开发效

使用PHP和AngularJS构建Web应用 使用PHP和AngularJS构建Web应用 May 27, 2023 pm 08:10 PM

随着互联网的不断发展,Web应用已成为企业信息化建设的重要组成部分,也是现代化工作的必要手段。为了使Web应用能够便于开发、维护和扩展,开发人员需要选择适合自己开发需求的技术框架和编程语言。PHP和AngularJS是两种非常流行的Web开发技术,它们分别是服务器端和客户端的解决方案,通过结合使用可以大大提高Web应用的开发效率和使用体验。PHP的优势PHP

Java Git新手入门:从零开始探索版本控制 Java Git新手入门:从零开始探索版本控制 Feb 23, 2024 am 10:25 AM

git简介Git是一个分布式版本控制系统,这意味着每个开发人员的计算机上都有一个完整的代码库副本。这与集中式版本控制系统(如Subversion或Perforce)不同,后者只有一个中央代码库。分布式版本控制的好处在于,它提高了协作的效率,因为开发人员可以离线工作,并在以后与中央代码库同步。安装Git要使用Git,您需要先在您的计算机上安装它。您可以从Git官网下载适用于您操作系统的安装程序。安装完成后,您可以在命令行中输入git--version来检查是否安装成功。Git基本概念版本库:Git

PHP和UniApp实现表单验证和提交的技巧 PHP和UniApp实现表单验证和提交的技巧 Jul 06, 2023 am 10:57 AM

PHP和UniApp实现表单验证和提交的技巧引言:在开发网页或移动应用时,表单验证和提交是必不可少的功能。表单验证用于检查用户输入的数据是否符合特定的规则,提交则是将用户输入的数据保存或发送至服务器。本文将介绍使用PHP和UniApp实现表单验证和提交的技巧,以帮助开发者快速实现前后端交互的功能。一、PHP实现表单验证下面是一个PHP的表单验证示例代码,用于

Vue中如何处理复杂的表单提交 Vue中如何处理复杂的表单提交 Oct 15, 2023 pm 03:42 PM

Vue中如何处理复杂的表单提交,需要具体代码示例在Vue中,处理复杂的表单提交可以使用Vue的表单处理方法以及其他相关的插件或特性来简化开发过程。本文将介绍如何使用Vue和其他一些常用插件来处理复杂表单提交,并提供具体的代码示例。一、表单数据的双向绑定Vue的核心特性之一就是数据的双向绑定。在表单处理中,我们可以利用Vue的指令来实现表单数据与视图之间的双向

使用PHP和AngularJS开发一个在线文件管理平台,方便文件管理 使用PHP和AngularJS开发一个在线文件管理平台,方便文件管理 Jun 27, 2023 pm 01:34 PM

随着互联网的普及,越来越多的人在使用网络进行文件传输和共享。然而,由于各种原因,使用传统的FTP等方式进行文件管理无法满足现代用户的需求。因此,建立一个易用、高效、安全的在线文件管理平台已成为了一种趋势。本文介绍的在线文件管理平台,基于PHP和AngularJS,能够方便地进行文件上传、下载、编辑、删除等操作,并且提供了一系列强大的功能,例如文件共享、搜索、

See all articles