我是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,然后value从“其他”选项中删除,如下所示:
ng-options
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为空(未选择任何条目),则选择“其他”选项(默认情况下)。
list_category
jsFiddle :http : //jsfiddle.net/bmleite/gkJve/