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

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

在使用Angular构建应用时，你可能会遇到需要在select标签中绑定数据并设置默认值的情况。这是一个非常实用的功能，能够帮助你更好地管理用户界面和用户数据。下面，我们将详细介绍如何实现这一功能。

让我们从一个基本的HTML页面开始，引入Angular框架并设置一个基本的select标签。

```html

```

接下来，我们需要设置AngularJS的控制器来管理select标签的数据和默认值。在上面的HTML代码中，我们定义了一个名为`noteCtrl`的控制器，它负责管理`typeList`数组和`ZNoteVo.type`模型。

在控制器中，我们定义了`typeList`数组来包含我们的选项，并设置了`ZNoteVo.type`模型来指定默认值。在这个例子中，我们将默认值设置为"03"，即"会议"。

```javascript

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

$scope.typeList = [

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

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

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

{ id: '04', name: "学习" },

{ id: '05', name: "" },

{ id: '99', name: "其他" }

];

$scope.ZNoteVo = {};

$scope.ZNoteVo.type = "03";

});

```

现在，你已经成功设置了一个带有默认值的AngularJS select标签。当用户打开你的应用时，select标签将默认显示"会议"选项。你可以根据需要修改`ZNoteVo.type`的值来设置不同的默认值。

这就是如何在AngularJS中使用select标签设置默认值。希望这个指南能帮助你实现所需的功能。感谢阅读，如果你有任何问题，请随时留言或到社区交流讨论，我们共同进步！