如何在 Angularjs 中访问表单值？答案

【问题标题】：How to access form value in Angularjs?如何在 Angularjs 中访问表单值？
【发布时间】：2016-05-03 20:18:26
【问题描述】：

<form name="vm.form">
 <input name="name">
 <input type="password" name="password">
</form>

如何使用 vm.form 访问输入值？

我试过这个，但它不起作用： console.log(vm.form.name)

我可以这样做吗？或者有没有其他简单的方法？

我正在像这样将数据发布到其他服务器：

$http.post('/someUrl', vm.form, config).then(successCallback, errorCallback);

【问题讨论】：

怎么不工作？不是打印出来的吗？显示错误？另外，你用的是什么浏览器？ Console.log 在 IE 上不起作用

标签： javascript html angularjs forms

【解决方案1】：

您可以在控制器中创建一个对象

$scope.form = {name:"", password=""}

然后你可以通过ng-model在你的html中访问它

<form>
<input ng-model="form.name">
<input type="password" ng-model="form.password">
</form>

【讨论】：

我认为您不需要 var $scope.form = ... 中的 var
你是对的。我不确定这一点，但现在我改变了它

【解决方案2】：

你可以试试这个：在你的 HTML 中

<form name="vm.form" ng-model="myForm">
 <input name="name" ng-model="myForm.name">
 <input type="password" name="password" ng-model="myForm.password">
</form>

在你的脚本中使用“myForm”

$http.post('/someUrl', $scope.myForm, config).then(successCallback, errorCallback);

【讨论】：

【解决方案3】：

你可以试试这个

<form name="vm.form" ng-submit="YourServerSideFun(myForm)">
<input name="name" ng-model="myForm.name">
<input type="password" name="password" ng-model="myForm.password">
<input type="submit"/>
</form>

将您的 myForm 作为对象传递。

【讨论】：