如何减少ionic 2下拉列表中选项之间的距离
疯狂流行音乐
我使用 ionic 2 将值动态绑定到下拉列表中，除了选项之间的空间和无法在下面的下拉列表中设置标题名称外，这里所有工作都很好，这是我的代码，尽管我使用的是interface="pop over"它也是不工作并在 main.css 和 .scss 文件中进行了更改，但没有任何效果
<ion-select #sectionSelect [(ngModel)]="location" (ionChange)="onChange(sectionSelect.text)" interface="popover" placeholder=" " hidden>
<ion-option *ngFor="let opt of Locations" [value]="opt.LocationId">{{opt.LocationName}}</ion-option>
</ion-select>
我得到如下格式的下拉列表，我无法删除或将名称放在标题中，如性别，并且无法减少选项之间的空格
普里蒂维·拉吉
添加文档中提到的 ion-list 和 ion-item 。工作演示
从组件中提取
selectedDropdown : any;
dropDown : any = [];
this.dropDown=[
"100 - BISCUIT - 546156",
"252 - CHOCO - 185268",
"131 - CANDY - 478215"
]
this.selectedDropdown=this.dropDown[0];
}
模板
<ion-list>
<ion-item>
<ion-label>Dishes</ion-label>
<ion-select [(ngModel)]="selectedDropdown">
<ion-option *ngFor="let val of dropDown" value= {{val}}>{{val}}</ion-option>
</ion-select>
</ion-item>
</ion-list>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
如何使用从Select2下拉列表中选择的选项来触发jQuery？
- 2
在Angular js中选择元素形式list1下拉列表后，如何从list2下拉列表中的数组中删除元素？
- 3
在Angular js中选择元素形式list1下拉列表后，如何从list2下拉列表中的数组中删除元素？
- 4
如何使用JQuery通过选项列表索引号更改JQuery-select2下拉列表的选定值
- 5
如何清除select2下拉列表？
- 6
如何在Laravel 5下拉列表中检索选定选项的值？
- 7
如何使用Ajax在select2下拉列表中更新数据
- 8
如何在单击时使Bootstrap Select2下拉列表转到所选的URL？
- 9
如何使用迭代器变量设置Struts2下拉列表值
- 10
如何使用Ajax在select2下拉列表中更新数据
- 11
如何在单击时使Bootstrap Select2下拉列表转到所选的URL？
- 12
如何检索存储在select2下拉列表中的数据？
- 13
从select2下拉列表中选择某个选项后触发动作
- 14
如何减少div中图像之间的距离？
- 15
如何“减少” Prolog对列表？
- 16
如何禁用从Angular JS下拉列表中选择特定选项？
- 17
选择后如何保存下拉列表中选择的选项
- 18
如何减少标题之间的间距？
- 19
如何减少if语句的长列表？
- 20
如何使用Selenium 2 / Web驱动程序javascript API从选择下拉列表中选择一个选项？
- 21
jQuery 2下拉列表，从下拉列表2中删除所选项目1
- 22
选择2下拉菜单，不提供所选项目的ID，我如何访问控制器绑定
- 23
如何减少下拉菜单的宽度？
- 24
如何减少下拉菜单的宽度？
- 25
无法从select2下拉列表中选择结果
- 26
链2下拉列表与javascript
- 27
如何减少导航链接CSS之间的间距
- 28
如何减少多个表格视图之间的间距？
- 29
如何减少html中元素之间的空间？
我来说两句