如何在AngularJS的输入字段中设置默认值

在AngularJS中，我们可以使用ng-model指令将表单字段与控制器中的变量绑定。为了在输入字段中设置默认值，我们可以使用以下几种方法。

方法一：在控制器中设置默认值

可以在控制器中设置默认值，然后将其分配给ng-model。下面是一个示例：

<div ng-app="myApp" ng-controller="myCtrl">
  <input type="text" ng-model="name" value="{{defaultName}}">
  {{name}}
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.defaultName = "John Doe";
});
</script>

在上面的示例中，defaultName变量在控制器中设置为“John Doe”，然后将其分配给value属性。当用户在输入字段中输入任何内容时，ng-model会将其值分配给name变量。

方法二：使用ng-init指令

另一种设置默认值的方法是使用ng-init指令。下面是一个示例：

<div ng-app="myApp" ng-controller="myCtrl">
  <input type="text" ng-model="name" ng-init="name='John Doe'">
  {{name}}
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
});
</script>

在上面的示例中，我们使用ng-init指令将name变量的默认值设置为“John Doe”。

注意： ng-init指令不应过度使用，并且在其他更好的方式不可用时才应使用。

方法三：使用ng-value指令

ng-value指令可用于设置单选按钮和复选框的默认值。下面是一个示例：

<div ng-app="myApp" ng-controller="myCtrl">
  <input type="radio" ng-model="gender" name="gender" ng-value="'male'">Male
  <input type="radio" ng-model="gender" name="gender" ng-value="'female'">Female
  {{gender}}
</div>

<script>
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
  $scope.gender = "male";
});
</script>

在上面的示例中，ng-value指令用于设置单选按钮的默认值。

以上是一些在AngularJS中设置输入字段默认值的示例。

提示： 当使用以上方法之一时，请确保将默认值设置为正确的数据类型。例如，如果要设置默认日期，则必须将其设置为“Date”对象。