HTML选择“完成”标签未显示在Ionic Ionic上

Question

我正在使用Ionic框架构建iOS应用程序。当我使用select-elements时，在iOS-native菜单中选择项目时，我没有得到标签为“Done”的标题。但是，当我在iOS / Safari中使用该应用程序时，它会显示出来。附加截图和代码。对此的任何输入/解决方案都将非常感激。

截图：

iOS Safari屏幕截图

iOS Native / Ionic屏幕截图

标记

<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>

Answer 1

Ionic应用程序包含app.js中隐藏键盘附加栏的默认代码，您需要对以下行进行注释：cordova.plugins.Keyboard.hideKeyboardAccessoryBar（true）;

得到这样的东西：

// 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);

}

Answer 2

关于@ emccracken的评论，according to the Ionic Team the reason for hideKeyboardAccessoryBar is＆＃34;因为原生应用很少有附加栏。一个应用程序是使用网络技术构建并且不是原生的，这已经过时了。＆＃34;

您可以根据需要显示和隐藏附件栏explained a bit here。从指令中取出$ timeouts对我来说效果更好。这就是我的样子。

graph.setBackgroundColor(getResources().getColor(android.R.color.holo_blue_bright));
series.setColor(Color.GREEN);
graph.getViewport().setScalable(true);
graph.getViewport().setScrollable(true);

Answer 3

如果你还有这个问题，我的情况就是键盘插件之间存在冲突   cordova-plugin-keyboard 和 cordova-plugin-ionic-keyboard 。

请检查 config.xml ，看看您是否有多个插件，如果有，请删除：

cordova plugin remove [plugin-name]

然后安装正确的插件：

ionic cordova plugin add ionic-plugin-keyboard

https://ionicframework.com/docs/native/keyboard/

然后你就可以使用cordova.plugins.Keyboard.hideKeyboardAccessoryBar（false）;

希望它有所帮助。