AngularJS: 从下拉菜单中选择选项

Question

这是我的代码：

<select class="form-control" name="author" ng-options="author as author.fullname for author in authors" ng-model="author" ng-required="true"></select>

如何更改控制器中的选定值？

Answer 1

只需将 $scope.author 设置为您想要的任何 author，例如：

$scope.author = $scope.authors[2];

这是一个例子jsBin

或者以某种方式（按名称、ID？）查找作者并将 $scope.author 或其他值设置为该值。

Answer 2

Angular 适用于“双向绑定”。 ng-model="author" 将您的下拉菜单绑定到 $scope.author，因此下拉菜单或控制器中的更改将反映在这两个地方，因此绑定。所以从你的 ng-options 我假设你有一个名为 authors 类型的数组 author 所以在你的控制器中只需

$scope.author = $scope.authors[0];

请记住，在控制器中，您需要在变量之前使用 $scope.，而在 html ng-model 或其他 ng 指令中，您不需要 $scope。前缀

AngularJS: 从下拉菜单中选择选项

AngularJS: selecting option from dropdown menu

angularjs

angularjs-ng-options