Cordova 如何在键盘打开时隐藏Onsen UI选项卡栏?

Cordova 如何在键盘打开时隐藏Onsen UI选项卡栏?,cordova,tabbar,onsen-ui,Cordova,Tabbar,Onsen Ui,我的应用程序底部包含Tabbar,页面上有输入字段。但每当我尝试输入时,键盘就会打开,键盘就会向上推Tabbar。每当键盘打开时,我只想推页面的主体部分,而不是Tabbar。那么如何做呢?请帮助 我的代码: <ons-tabbar> <ons-tab page="SignIn.html" label="Sign In" icon="fa-sign-in" active="true"> </ons-tab> <ons-tab page="Si

我的应用程序底部包含Tabbar,页面上有输入字段。但每当我尝试输入时,键盘就会打开,键盘就会向上推Tabbar。每当键盘打开时,我只想推页面的主体部分,而不是Tabbar。那么如何做呢?请帮助

我的代码

<ons-tabbar>
  <ons-tab page="SignIn.html"  label="Sign In" icon="fa-sign-in" active="true">
  </ons-tab>
  <ons-tab page="SignUp.html" label="Sign Up" icon="fa-user"  >
  </ons-tab>
</ons-tabbar>

选项卡栏有一个名为
隐藏选项卡的属性,例如

<ons-tabbar hide-tabs="true">
  ...
</ons-tabbar>
在您的HTML中:

<ons-tabbar hide-tags="{{ $root.hideTabs }}">
  <ons-tab page="SignIn.html"  label="Sign In" icon="fa-sign-in" active="true">
  </ons-tab>
  <ons-tab page="SignUp.html" label="Sign Up" icon="fa-user"  >
  </ons-tab>
</ons-tabbar>

当然,如果不使用AngularJS,可以在事件处理程序中更改tabbar属性

<ons-tabbar hide-tags="{{ $root.hideTabs }}">
  <ons-tab page="SignIn.html"  label="Sign In" icon="fa-sign-in" active="true">
  </ons-tab>
  <ons-tab page="SignUp.html" label="Sign Up" icon="fa-user"  >
  </ons-tab>
</ons-tabbar>