使用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为空,这个能实现吗,如果可以请问如何实现呢,知道的赐教下,谢谢
相关推荐
AngularJS中下拉框的基本用法示例
本文实例讲述了AngularJS中下拉框的基本用法。分享给大家供大家参考,具体如下: HTML正文: <div ng-app=myApp ng-controller=myCtrl> <select ng-model=selectedName ng-options=x for x in names></select> 等价于: <select> <option ng-repeat=item>{{item}}</option> </select> <hr> <!-- ng-repeat绑定的值为一个字符串,ng-options绑定的为一个对象 --> <se
AngularJS中下拉框的高级用法示例
本文实例讲述了AngularJS中下拉框的高级用法。分享给大家供大家参考,具体如下: HTML正文: <body ng-app=myApp> <!-- 对象内部属性遍历:x--key y---value --> <div ng-controller=myctr01> {{sites}}<br> <select ng-model=site ng-options=x for (x, y) in sites></select> 选择的网址:<span>{{site}}</span> </div> <div ng-controller=myCtrl> <p>选择一辆车:</p>
Bootstrap和Angularjs配合自制弹框的实例代码
指令 directive('bsPopup', function ($parse) { return { require: 'ngModel', restrict: 'A', link: function (scope, elem, attrs, ctrl) { scope.$watch(function () { return $parse(ctrl.$modelValue)(scope); }, function (newValue) { if (newValue ==0) { $(elem).modal('hide'); return; } if (newValue == 1) { $
基于ElasticSearch的Angularjs联想框功能实现.pdf
基于ElasticSearch的Angularjs联想框功能实现.pdf
Angularjs(增删改+分页+弹框+Sql数据库)
初学Angularjs,网上下载了一个demo,但是只有分页,本人进行了在上面增加删除,修改,编辑,功能.并且动态更新页号页码,比较简单易懂,采用最简单的Mvc框架,大神绕路


