你懂的 发表于 2015-11-17 20:56:29

ionic中键盘插件 ionic输入框如何支持的不同的模式

本帖最后由 测试一把 于 2015-11-17 20:57 编辑

ionic中键盘插件 ionic输入框如何支持的不同的模式

在不同的用户输入场景下,需要显示不同的键盘模式以方便用户输入,如在输入邮件时键盘则显示邮件模式等。

在 Ionic 中需要安装键盘插件控制键盘模式的显示。

https://github.com/driftyco/ionic-plugin-keyboard

安装后在$ionicPlatform.ready中调用即可。


if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
    cordova.plugins.Keyboard.disableScroll(true);
    cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
}
if (window.StatusBar) {
    // org.apache.cordova.statusbar required
    StatusBar.styleLightContent();
}

对应的 input 只要添加相应的 type 进行控制即可,支持的所有 type 见这里。
<input type="email" placeholder="邮箱" ng-model="data.username">
使用效果如下。
http://images2015.cnblogs.com/blog/26605/201511/26605-20151105160547305-803981061.jpg



页: [1]
查看完整版本: ionic中键盘插件 ionic输入框如何支持的不同的模式