我从带有离子框架的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-header
和has-footer
类。
如何(以及在何处)设置$hasHeader = false
和$hasFooter = true
以使其发挥作用?
谢谢!