AngularJS select设置默认值的实现方法

AngularJS中的select标签设置默认值：简单实现指南

你是否在使用AngularJS的select标签时遇到过需要绑定数据并设置默认显示值的问题？今天，我将为你提供详细的实现方法，帮助你轻松实现这一功能。

让我们先来看一下HTML部分。在一个典型的AngularJS应用中，你可能会使用如下的select标签：

```html

```

在这里，`ng-options`指令用于遍历`typeList`数组，并为每个选项生成一个名字。`ng-model`指令则用于绑定选择的值到`ZNoteVo.type`变量。

接下来，让我们看一下如何在AngularJS的控制器中设置默认值。假设你的`typeList`数组包含多个类型，你可以通过以下方式设置默认值：

```javascript

angular.module("noteApp", []).controller("noteCtrl", function($scope) {

$scope.typeList = [

{ id: '01', name: "任务" },

{ id: '02', name: "日志" },

{ id: '03', name: "会议" },

// 其他类型...

];

$scope.ZNoteVo = {};

$scope.ZNoteVo.type = "03"; // 设置默认值为“会议”

});

```

在上述代码中，我们创建了一个名为`noteApp`的AngularJS模块，并定义了一个名为`noteCtrl`的控制器。在控制器中，我们定义了`typeList`数组和`ZNoteVo`对象，并通过设置`ZNoteVo.type`的值为"03"，使得当页面加载时，select标签的默认选项为“会议”。

通过这种方式，你可以轻松地为AngularJS中的select标签设置默认值。如果你有任何疑问或需要进一步帮助，请随时留言或参与社区讨论，我们将尽力为你解答。感谢阅读，希望这篇文章能对你有所帮助！