如何在 AngularJS 中动态设置输入字段值？

在 AngularJS 中，我们经常需要动态设置输入表单字段的值。本文将介绍几种常用的方式来实现这一点。

1. 使用 ngModel 指令

ngModel 指令是 AngularJS 提供的一个双向数据绑定的工具，可以帮助我们实现动态设置输入字段值的功能。

例如，我们可以在控制器中定义一个变量，然后将它与输入字段绑定起来：

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

然后在控制器中动态设置这个变量的值：

$scope.myValue = 'Hello World';

这样输入字段的值就会被动态设置成 "Hello World"。

2. 使用 ngValue 指令

ngValue 指令可以用来动态设置输入字段的 value 属性。例如：

<input type="radio" name="myOption" ng-value="'option1'">
<input type="radio" name="myOption" ng-value="'option2'">

我们可以通过控制器中的变量来选择某个选项：

$scope.myOption = 'option1';

这样第一个单选按钮就会被选中。

3. 使用 $setViewValue 方法

如果我们想要在编程中动态设置输入字段的值，可以使用 ngModelController 的 $setViewValue 方法。例如：

<input type="text" ng-model="myValue" id="myInput">

我们可以通过控制器来动态设置输入字段的值：

var inputElement = angular.element(document.querySelector('#myInput'));
inputElement.controller('ngModel').$setViewValue('Hello World');

这样输入字段就会被动态设置成 "Hello World"。

4. 使用 ngModelOptions 指令

ngModelOptions 指令可以用来配置 ngModel 指令的行为。例如，我们可以使用该指令来禁止输入字段在失去焦点时立即更新模型：

<input type="text" ng-model="myValue" ng-model-options="{ updateOn: 'blur' }">

然后在控制器中动态设置这个变量的值：

$scope.myValue = 'Hello World';

这样输入字段的值就会被动态设置成 "Hello World"，但直到用户离开该字段时才会更新模型。

以上就是在 AngularJS 中动态设置输入字段值的几种方法。通过这些技巧，我们可以更好地操作表单数据，提高用户体验。