ionic中ng-options与默认选中第一项的问题

1. select中动态添加数据时发现一个选项为空,在选中了其他选项时,在点击时发现第一个空选项消失了,所有我们需要设置一个默认的选项;

2. 开始的时候我用的方法:

<select class="selectcompany" ng-change="change(routeinfo.UnitCode)"  ng-model="routeinfo.UnitCode">
  <option ng-repeat="unit in unitlist" value={{unit.UnitCode}}>{{unit.UnitName}}</option>
</select>

  unitlist是 后台的数据;

发现怎么设置都不能达到目的;

3. 然后用了这个方法:

<select class="selectcompany"
           ng-change="change(routeinfo.UnitCode)"
       ng-model="routeinfo.UnitCode"
       ng-options="unit.UnitCode as unit.UnitName for unit in unitlist">
</select>

下面写一个循环后的一个option的样式:<option value="unit.UnitCode">unit.UnitName</option>unit.UnitCode是作为value的值----unit.UnitName是作为option之间的内容;

此时我们还没有设置第一项为默认选项:设置方法如下:

在控制器中设置:
$scope.routeinfo.UnitCode=$scope.unitlist[0].UnitCode;

ok就完成了!!!!!!!!

时间: 2024-10-20 23:05:45

ionic中ng-options与默认选中第一项的问题的相关文章

getresources()与Spinner取消默认选中第一项

getResource() getResource是在有context的前提下才能使用,在android中常在activity中使用它.普通的类一般无法使用.否则会报空指针异常. Spinner默认选中第一项 取消默认选中第一项的方法: spinner.setSelection(0, true); 注意:

Easyui combobox如何默认选中第一项???

以下代码可以实现combobox默认选中第一项,在实际开发中我们可能会用到! // 处理combobox默认选中的问题 <input id="user_type" class="easyui-combobox" name="user_type" data-options=" valueField:'id', textField:'name', url:'<?php echo \Yii::$app->urlManager

vue父路由默认选中第一个子路由,切换子路由让父路由高亮不会消失

在实际开发中,嵌套路由经常会用到,基本用法也很简单,今天遇到了当前路由下(父路由)在点击它的子路由时,他的(父路由)选中状态消失了 原因是: 1.子路由router-link加了exac精确匹配路由 2.在写路由的时候,父子路由没有严格按照一级/二级来写 嵌套路由中默认选中第一个子路由 { path: '/dec', // 设备中心,主路由 redirect: '/dec/decOverview', name: 'decIndex', component: DecIndex, meta: { t

ListView控件如何默认选中第一个元素

private void tabControl1_SelectedIndexChanged(object sender, EventArgs e) { if (tabControl1.SelectedIndex == 1&&listView1.Items.Count>0) { //默认选中第一行数据 listView1.Items[0].Selected = true; listView1.Select(); } } 原文地址:https://www.cnblogs.com/shar

easyui tree 默认选中第一个元素

系统采用ajax异步调用后端接口做数据呈现,有个场景就是加载的树形菜单默认选中第一行,网上有人分享的解决方案能实现效果(http://aokunsang.iteye.com/blog/1489204),不过还是沿用自身提供的事件来实现这个需求. onLoadSuccess: function (node, data) { if (data.length > 0) { //找到第一个元素 var n = $('#menuTree').tree('find', data[0].id); //调用选中

Extjs ComboBox 动态选中第一项

有时候我们希望通过Store加载过来的数据,ComboBoxItem能够选择第一条数据作为默认数据,我们可以这么操作: var storeinfo = Ext.create('Ext.data.Store', { model: SaleInfo, autoLoad: false, pageSize: 10000, proxy: { type: 'ajax', url: '/URL/JSON', reader: { type: 'json', rootProperty: 'Data', total

jsp中select标签解决默认选中问题

例如:根据timeBucket的值得不同,默认后台控制选中不同的值 <select name="timeBucket${c.id}" style="width: 80px" id="timeBucket${c.id}" class="span4 pull-left"> <option value="0" <c:if test="${c.timeBucket=='0'}&qu

iOS UITableView 修改滚动条颜色 默认选中第一条

//隐藏 self.tableView.showsVerticalScrollIndicator = NO; //修改颜色 self.tableView.indicatorStyle=UIScrollViewIndicatorStyleWhite; //选中0组0行 NSIndexPath *selectedIndexPath = [NSIndexPath indexPathForRow:0 inSection:0]; [self.tableView selectRowAtIndexPath:s

设置UITableView中单元格的默认选中

-(void)viewWillAppear:(BOOL)animated { [super viewWillAppear:animated]; NSInteger selectedIndex=0; NSIndexPath *seletedIndexPath=[NSIndexPath indexPathForRow:selectedIndex inSection:0]; [tableView selectRowAtIndexPath:seletedIndexPath animated:YES sc