使用AngularJS时下拉框问题

Loki Zhao Loki Zhao 墨衍会员 · AI 创作全网分发 墨衍智能分发 通过墨衍一键同步至各平台 可同步平台 CSDN微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年,写一次发全网 我也要 + 加入社区
使用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> &lt;select ng-model=selectedName ng-options=x for x in names&gt;&lt;/select&gt; 等价于: &lt;select&gt; <option ng-repeat=item>{{item}}</option> &lt;/select&gt; <hr> &lt;!-- ng-repeat绑定的值为一个字符串,ng-options绑定的为一个对象 --&gt; &lt;se

weixin_38622962

AngularJS中下拉框的高级用法示例

本文实例讲述了AngularJS中下拉框的高级用法。分享给大家供大家参考,具体如下: HTML正文: &lt;body ng-app=myApp&gt; &lt;!-- 对象内部属性遍历:x--key y---value --&gt; <div ng-controller=myctr01> {{sites}}<br> &lt;select ng-model=site ng-options=x for (x, y) in sites&gt;&lt;/select&gt; 选择的网址:<span>{{site}}</span> </div> <div ng-controller=myCtrl> <p>选择一辆车:</p>

weixin_38609401

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) { $

weixin_38632046

基于ElasticSearch的Angularjs联想框功能实现.pdf

基于ElasticSearch的Angularjs联想框功能实现.pdf

徐浪老师

Angularjs(增删改+分页+弹框+Sql数据库)

初学Angularjs,网上下载了一个demo,但是只有分页,本人进行了在上面增加删除,修改,编辑,功能.并且动态更新页号页码,比较简单易懂,采用最简单的Mvc框架,大神绕路

song1487179094
评论
收藏 已收藏
分享
返回顶部
Loki Zhao
JavaScript 87,983 成员 224,681 内容