使用AngularJS时下拉框问题

Question

使用AngularJS绑定下拉框时遇到一个问题，还请各位大大帮忙看看

<br> var app = angular.module(&quot;myApp&quot;, []);<br> app.controller(&quot;controller&quot;, [&quot;$scope&quot;, function ($scope) {<br> $scope.person = [<br> { &quot;id&quot;: 1, &quot;name&quot;: &quot;zgh&quot; },<br> { &quot;id&quot;: 2, &quot;name&quot;: &quot;zjj&quot; }<br> ];<br> $scope.me = 3;<br> $scope.test = function () {<br> alert($scope.me);<br> }<br> } ]);<br>

test

以上使用了一个下拉框，ng-model绑定的$scope.me，页面加载时绑定下拉框选中项，如果我把$scope.me设置为3，由于下拉框中并没有这个选项，所以不会选中任何项，我希望提交表单时$scope.me是下拉框选中的项，即此时下拉框没有项选中$scope.me为空，这个能实现吗，如果可以请问如何实现呢，知道的赐教下，谢谢

Answer 1

可以，你在controller中实现option的初始化，在页面中调用就可以。这样下拉框中的选项会随着$scope.me的变化而变化