为什么我的dropwon添加一个空白的空间angularjs
why my dropdwon adding a blank space angularjs
我从angularjs
中获取webservice
的数据,数据以Json
格式传入
这是我的js文件
//getzonebyid
$http.get('/zone.asmx/zone', {
params: {
log: log,
pm: pm,
id: $scope.updateparam.Id
}
})
.then(function (response) {
{
$scope.gzone = response.data.zone;
console.log(response.data.zone);
}
});
这是我的下拉列表
<select ng-model="uzone" ng-change="locationupd(c)">
<option ng-repeat="l in gzone" value="{{l.jzone}}">{{l.jzone}}</option>
</select>
我不知道为什么有一个额外的空白空间在我的下拉列表的顶部,我只是想我的第一个option
是第一个值来自我的数据库,但我坚持与我的下拉
i alson tried
$scope.uzone=$scope.gzone[0].value;
,但它没有帮助我拜托,伙计们,我已经被困在这个问题上一天了
Json格式数据{"zone":[{"jzone":"South"},{"jzone":"East"},{"jzone":"North"},{"jzone":"West"}]}
这是因为,即使它可能取决于你所写的select标签的方式,让我给你看一些例子你可以得到更好的知识:
(function(angular) {
'use strict';
angular.module('staticSelect', [])
.controller('ExampleController', ['$scope', function($scope) {
$scope.data = {
singleSelect: null,
multipleSelect: [],
option1: 'option-1'
};
$scope.forceUnknownOption = function() {
$scope.data.singleSelect = 'nonsense';
};
}]);
})(window.angular);
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Example</title>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.min.js"></script>
</head>
<body ng-app="staticSelect">
<div ng-controller="ExampleController">
<form name="myForm">
<label for="singleSelect"> Single select: </label><br>
<select name="singleSelect" ng-model="data.singleSelect">
<option value="option-1">Option 1</option>
<option value="option-2">Option 2</option>
</select><br>
<label for="singleSelect"> Single select with "not selected" option and dynamic option values: </label><br>
<select name="singleSelect" id="singleSelect" ng-model="data.singleSelect">
<option value="">---Please select---</option> <!-- not selected / blank option -->
<option value="{{data.option1}}">Option 1</option> <!-- interpolation -->
<option value="option-2">Option 2</option>
</select><br>
<button ng-click="forceUnknownOption()">Force unknown option</button><br>
<tt>singleSelect = {{data.singleSelect}}</tt>
<hr>
<label for="multipleSelect"> Multiple select: </label><br>
<select name="multipleSelect" id="multipleSelect" ng-model="data.multipleSelect" multiple>
<option value="option-1">Option 1</option>
<option value="option-2">Option 2</option>
<option value="option-3">Option 3</option>
</select><br>
<tt>multipleSelect = {{data.multipleSelect}}</tt><br/>
</form>
</div>
</body>
</html>
你的代码的问题是,你正在使用ng-model,但没有为它设置默认值,
<select ng-init="selected='South'" ng-model="selected " ng-options="c.jzone as c.jzone for c in result.zone"></select>
相关文章:
- Facebook共享显示一个接一个的空白页面
- AngularJS ng选项在选择一个选项后删除了默认的空白值
- php重定向到一个空白页面
- laravel中的ajax会重新加载一个空白页面
- jQuery's$.post只返回一个空白数据
- jstree 是空白的,并且在实例化后有一个空的
- 使用jquery如何自动删除下拉列表中的第一个空白选项(如果它依赖于另一个选项)
- I'当我试图将java脚本加载到web视图中时,我得到了一个空白屏幕
- 我得到了一个“;未能加载资源“;在尝试运行空白离子启动器应用程序时出现Cordova错误
- 为什么我在所有HTML内容下面都有一个很大的空白
- Facebook重定向到一个空白的权限请求页面
- 我正在尝试将 HTML 画布转换为 HTML 图像,但得到一个空白图像
- 基于时间的 javascript,创建一个大约 30 分钟的空白响应
- 打印时总是有一个额外的空白页
- 提交邮件黑猩猩订阅 php 后,我有一个空白页
- 角度:在另一个模态指令中加载的谷歌地图指令保持空白
- 当我打开它时,它会显示一个空白网页
- 提交回复后 Ajax 它显示一个空白的数据空间
- 当我添加javascript时,它会显示一个空白页
- 为什么当我在 Emberjs 中最后用“id”刷新 url 时,我得到一个空白应用程序