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

时间:2015-07-22 20:28:06

标签: angularjs angularjs-ng-options

这是我的代码:

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

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

2 个答案:

答案 0 :(得分:3)

只需将$scope.author设置为您想要的author,例如:

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

以下是jsBin

的示例

或者查看作者的一些方式(通过名称,ID?)并设置$scope.author或其他任何值。

答案 1 :(得分:3)

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

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

请记住,在控制器中,您需要变量之前的$scope.以及html ng-model或其他ng指令中不需要$ scope。前缀