使用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为空,这个能实现吗,如果可以请问如何实现呢,知道的赐教下,谢谢
...全文
66 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

87,886

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧