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

你懂的

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">
使用效果如下。