我是 AngularJS 的初学者,目前我正在使用 Django 开发一个 Web 应用程序,我可以说我在其中使用 AngularJS 作为前端部分。我的问题是用范围内的对象填充的下拉列表总是以空白元素开头(如果我从列表中选择一个,问题就消失了)。这会产生问题,因为如果用户不选择任何内容,POST 请求通常将不再起作用。我想知道如何拥有预选值或类似的东西。这是我的部分代码:
选择标签:
<select id="sel" class="input-block-level" ng-model="list_category">
<option ng-repeat="obj in list_categories.data" value="{{obj.id}}">{{obj.name}}</option>
<option value="Other">Other</option>
</select>
$scope.list_categories:
var listcategoryPromise = ListCategory.get();
listcategoryPromise.then(function(response) {
$scope.list_categories = {
meta : response.data.meta,
data : response.data.objects
};
});
最佳答案
使用指令 ng-options
并从 'Other' 选项中删除 value
,如下所示:
<select id="sel" class="input-block-level" ng-model="list_category" ng-options="obj.id as obj.name for obj in list_categories.data">
<option value="">Other</option>
</select>
这确保如果 list_category
为空(未选择条目),则选择“其他”选项(默认情况下)。
jsFiddle:http://jsfiddle.net/bmleite/gkJve/
关于javascript - 清空下拉列表中的第一个元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14706986/