时间:2021-05-28
数组方式
数据是数组
$scope.years = [2014, 2015, 2016];页面元素
<select ng-model="item" ng-options="item as y for y in years"> </select>设置默认值
如果需要设置默认的选项,可以先设置一个参数:
$scope.item = 2016;$scope.years = [2014, 2015, 2016];对象数组方式
数据是对象数组
$scope.sites = [ {site : "baidu", url : "https://"}];Key-Vules对象数组方式
数据是对象数组
$scope.cars = {car1 : {brand : "BYD", model : "Y50", color : "red"},car2 : {brand : "CC", model : "HF", color : "white"},car3 : {brand : "JL", model : "JL10D", color : "black"}};页面元素
<select ng-model="myCar" ng-options="y.brand for (x, y) in cars"></select>设置默认值
如果需要设置默认的选项,可以先设置一个参数:
$scope.site = "BYD";$scope.cars = {car1 : {brand : "BYD", model : "Y50", color : "red"},car2 : {brand : "CC", model : "HF", color : "white"},car3 : {brand : "JL", model : "JL10D", color : "black"}};angularjs ng-options官方API
数组类型:
label for value in arrayselect as label for value in arraylabel group by group for value in arrayselect as label group by group for value in array track by trackexpr对象类型:
label for (key , value) in objectselect as label for (key , value) in objectlabel group by group for (key, value) in objectselect as label group by group for (key, value) in ob以上这篇angularjs select 赋值 ng-options配置方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了AngularJS实现select的ng-options功能。分享给大家供大家参考,具体如下:controller.controller('Mai
AngularJSSelect(选择框)AngularJS可以使用数组或对象创建一个下拉列表选项。使用ng-options创建选择框在AngularJS中我们可
本文实例讲述了AngularJS实现在ng-Options加上index的解决方法。分享给大家供大家参考,具体如下:Angularjs交流群中有位童学问道如何为
AngularJS是当前非常的流行的前端框架,它的语法糖非常多,也极大的方便了前端开发者,但是有着用法还是需要去琢磨一下的。ng-options在select表
问题描述:在我们开发项目过程中,避免不了会用到select下拉框,那么在angular中如何使用select呢?解决方案:可以用ng-options来动态加载o