你的位置:首页 > Java教程

[Java教程]angularJS select


ng-options指令

  在angularJS中创建select下拉是使用ng-options创建下拉项

ng-options="val as label for element in array"  //设置option的value值为val

ng-options="lable for element in array"  //不设置option的value值,默认为element对象

ng-options="(label)group by group for element in array"  //不设置option的value值,默认为element对象

 

<div ng-controller="selectCtrl">  <select ng-model="menu" ng-options="m.id as m.name for m in selectArray"></select>  {{menu}}</div>

myApp.controller('selectCtrl',function($scope){  $scope.selectArray=[    {id:'1', name:'apple'},    {id:'2', name:'pear'}  ]})




青海旅游团报价青海旅游团购优惠青海旅游线路报价青海旅游指南攻略大全青海旅游住哪里比较方便青城山传奇故事:张献忠青峰山采石之谜 青城山特色美食概况 青城山传奇故事:普照寺暴富 青城山不可错过的美食诱惑:青城泡菜(图) 南京紫清湖温泉怎么去?去紫清湖温泉怎么走? 2015重庆永川国际茶文化旅游节时间?永川国际茶文化旅游节优惠活动有哪些? 汤山紫清湖森林温泉坐几路公交车可以到?紫清湖森林温泉几路公交车经过? 紫清湖室内温泉多少钱?南京紫清湖温泉有单独的泡池吗? 2015年春节高速免费时间? 现在哪里还有银杏看吗? 2015元旦高速免费吗? 泡温泉要注意什么事项? 悦城龙母庙国庆节门票多少钱?德庆悦城龙母庙十一国庆节活动? 新丰云髻山国庆节门票多少钱?云髻山十一国庆节活动? 2015云髻山国庆节活动?十一到新丰云髻山有什么好玩的? 新丰云髻山网上订票?云髻山门票网上能预订吗? AT28C256-15SU SL383 Datasheet AT28C256-15SU SL383 Datasheet AT28C256-15T Datasheet AT28C256-15T Datasheet AT28C25615T1(TS0P) Datasheet AT28C25615T1(TS0P) Datasheet 年会上表演什么节目 年会上表演什么节目 年会上表演什么节目 广珠轻轨珠海北站 广珠轻轨珠海北站 广珠轻轨珠海北站 普吉岛在哪个国家 普吉岛在哪个国家 普吉岛在哪个国家