HTML选择“完成”标签不会显示在iOS上的Ionic上 [英] HTML select "Done" label not showing on Ionic for iOS
问题描述
我正在使用Ionic框架构建一个iOS应用程序。当我使用select-elements时,在iOS本地菜单中选择项目时,我没有得到带有完成标签的标题。但是,当我在iOS / Safari中使用应用程序时,它会显示出来。截图和代码附加。任何输入/解决方案,将不胜感激。
屏幕截图: iOS Safari屏幕截图
iOS Native / Ionic截图
标记
< label class =item item-input item-select>
< div class =input-label>
Bostadstyp
< / div>
< / label>
Ionic应用程序在app.js中包含一个默认代码你需要注释下面这行:cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
获取如下所示的内容:
//默认情况下隐藏配件栏(将其删除以显示键盘上方的配件栏
//用于表单输入)
if(window.cordova& window.cordova.plugins.Keyboard){
//cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
cordova.plugins.Keyboard.disableScroll(true);
}
I am building an iOS-app using the Ionic-framework. When I use select-elements, I do not get the header with the label "Done" when selecting items in the menu on iOS-native. However it will show up when I use the app in iOS/Safari. Screenshots and code attached. Any input/solutions on this would be much appreciated.
Screenshots:
iOS Safari Screenshot
iOS Native/Ionic Screenshot
Markup
<label class="item item-input item-select">
<div class="input-label">
Bostadstyp
</div>
<select ng-change="addParam('objectType', selectedHouseType)" ng-model="selectedHouseType" ng-options="houseType.id as houseType.label for houseType in houseTypes"></select>
</label>
The Ionic app contains a default code in app.js who hide the keyboard acessory bar, you need to comment this following line: cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
Getting something like this:
// Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
// for form inputs)
if (window.cordova && window.cordova.plugins.Keyboard) {
//cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
cordova.plugins.Keyboard.disableScroll(true);
}
这篇关于HTML选择“完成”标签不会显示在iOS上的Ionic上的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!