你如何使用角度javascript获得表单的价值?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了你如何使用角度javascript获得表单的价值?相关的知识,希望对你有一定的参考价值。

一直试图在表单提交上使用角度js获取表单的值。有人帮我做什么。我是角度JS的新手。

<div id="content" ng-app="TryApp" ng-controller="AppController" ng- submit="submit()">  

<input type="text" placeholder="first name" name='name' ng-  model="user.Name"/>
<br>
<input type="text" placeholder="email address" name="name" ng-model="user.email"/>
<br>
<input type="text" placeholder="age" name="age" ng-model="user.age"/>
<br>

脚本。

App.controller('AppController', function ($scope){

)}
答案

var app = angular.module('TryApp', [], function() {})

app.controller('AppController', function($scope) {
  $scope.user = {};
  $scope.submit = function() {
    //here $scope.user will have all the 3 properties
    alert(JSON.stringify($scope.user));
  }
})
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div id="content" ng-app="TryApp" ng-controller="AppController">
  <form ng-submit="submit()">
    <input type="text" placeholder="first name" name='name' ng-model="user.Name" />
    <br>
    <input type="text" placeholder="email address" name="name" ng-model="user.email" />
    <br>
    <input type="text" placeholder="age" name="age" ng-model="user.age" />
    <br>
    <input type="submit" value="Save" />
    <p>{{user | json }}</p>
  </form>
</div>

以上是关于你如何使用角度javascript获得表单的价值?的主要内容,如果未能解决你的问题,请参考以下文章

以角度 8 在表单控件中输入数量时获取总值

JavaScript如何获得两点之间顺时针旋转的角度

为啥我的数字类型的表单输入没有得到任何价值?

如何使用nodejs从角度获得等效的“req.something”

在表单中提交禁用的输入无法获得价值

js 提交的表单后如何在本页面接收返回值