如何将ion-nav-bar指令设为页脚而不是标题?

时间:2014-11-10 13:46:54

标签: ionic-framework

我从带有离子框架的sideMenu模板开始,但不是在标题中有导航栏,我想将它放在页脚中。最好的方法是什么?

目前,我已添加了我自己的ionNavBar指令,该指令可选择设置相应的类:

angular.module('myApp')
  .directive('ionNavBar', [
    function() {
      return {
        restrict: 'E',
        compile: function(tElement, tAttr) {
          if(tAttr.isFooter !== undefined) {
            tElement.removeClass('bar-header').addClass('bar-footer');
          }
        }
      };
    }
  ]);

这会将导航栏移动到我喜欢的位置,但我的内容中有has-header类,会在屏幕顶部留出空间。

看起来像ionContent指令中的.watch()来检查其parentScope的$ hasHeader和$ hasFooter以自动设置has-headerhas-footer类。

如何(以及在​​何处)设置$hasHeader = false$hasFooter = true以使其发挥作用?

谢谢!

1 个答案:

答案 0 :(得分:1)

<{> 3}} It was recommended不要试图将标题移动为页脚b / c Apple可能会拒绝它而不遵守Apple设计指南。