使用AngularJS时下拉框问题

Loki Zhao 2015-10-15 04:06:58

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



<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script src="js/angular.min.js" type="text/javascript"></script>

    <script type="text/ecmascript">

        var app = angular.module("myApp", []);

        app.controller("controller", ["$scope", function ($scope) {

            $scope.person = [

            { "id": 1, "name": "zgh" },

            { "id": 2, "name": "zjj" }

            ];

            $scope.me = 3;

            $scope.test = function () {

                alert($scope.me);

            }

        } ]);

    </script>

</head>

<body ng-app="myApp">

    <div ng-controller="controller">

        <select ng-model="me" ng-options="p.id as p.name for p in person">

        </select>

        <button ng-click="test()">test</button>

    </div>

</body>

</html>

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

...全文