Question

这来自docs

这是我的代码和输出

应该添加什么来显示带有完成按钮的工具栏？

Answer 1

为了能够看到完成按钮，您需要下载Cordova键盘插件：http://ngcordova.com/docs/plugins/keyboard/

然后使用这一行：

cordova.plugins.Keyboard.hideKeyboardAccessoryBar(false);

这样的事情：

module.controller('MyCtrl', function($scope, $cordovaKeyboard) {

  $cordovaKeyboard.hideAccessoryBar(false)

});

只有将ngCordova包含在离子项目中时，此示例才有效。

可在此处找到更多信息：https://github.com/driftyco/ionic-plugin-keyboard

Keyboard.hideKeyboardAccessoryBar隐藏键盘附件栏   下一个，上一个和完成的按钮。

cordova.plugins.Keyboard.hideKeyboardAccessoryBar（真）;   cordova.plugins.Keyboard.hideKeyboardAccessoryBar（假）;

准确地说，您可以在顶部图像上看到按钮。

Answer 2

我认为它可能必须是一个表单...所以我们的应用程序在工具栏中显示完成的单词，这就是我们的代码的样子。我不确定，但是当我要提交表单时，我猜测完成按钮会显示出来。试一试，让我知道。

<form ng-submit="authenticate(user)" name="loginform" id="loginform">
                <div class="list has-header padding">
                    <div style="height: 48px;" class="item item-input">
                        <input type="text" placeholder="Username" ng-model="user.username">
                        <i class="icon ion-close-circled padding" ng-if="user.username.length" ng-click="resetUsername()"></i>
                    </div>
                    <div style="height: 48px;" class="item item-input">
                        <input type="password" placeholder="Password" ng-model="user.password">
                        <i class="icon ion-close-circled padding" ng-if="user.password.length" ng-click="resetPassword()"></i>
                    </div>
                </div>
                <div style="text-align: center;">
                    <button type="submit" class=" login button button-full button-positive">Login</button>
                </div>
            </form>

如何在ionicframework中使用表单显示附件输入工具栏？

2 个答案: