如何使用AngularJS获取表单输入值?

在AngularJS中，可以通过指令和控制器来获取表单输入值。下面将介绍一些常用的方法：

使用ng-model指令

ng-model指令可以和表单元素一起使用，可以获取表单元素的值并将其绑定到控制器变量上。如下所示：

<input type="text" ng-model="name">

上面的代码定义了一个文本框，当用户在文本框中输入内容时，ng-model指令会将其绑定到名为“name”的变量上。在控制器中，可以使用$scope.name获取这个值。

使用ng-submit指令

当用户提交表单时，可以使用ng-submit指令触发一个函数，并获取表单值，如下所示：

<form ng-submit="submitForm()">
  <input type="text" ng-model="name">
  <button type="submit">提交</button>
</form>

上面的代码定义了一个表单，当用户点击提交按钮时，ng-submit指令会触发submitForm()函数。在这个函数中，可以使用$scope.name获取表单元素的值。

使用$event参数

在ng-click和ng-submit事件中，可以传递$event参数，该参数包含了所有关于事件的信息。使用$event.target可以获取事件所触发的元素，如下所示：

<button ng-click="clickButton($event)">点击我</button>

$scope.clickButton = function(event) {
  var target = event.target;
  console.log(target);
};

上面的代码定义了一个按钮，当用户点击该按钮时，ng-click指令会触发clickButton()函数。在这个函数中，使用event.target获取按钮，并进行处理。

以上就是使用AngularJS获取表单输入值的常用方法，希望对您有所帮助。