Css 隐藏导航栏也会隐藏导航按钮。我想保留视图标题和ion导航按钮

我添加了隐藏导航栏属性，希望在配置文件页面上隐藏导航栏。它将删除整个导航栏以及按钮和标题

Profile.html

<ion-view view-title="Profile" hide-nav-bar="true">
    <ion-content>
    </ion-content>
    <ion-footer-bar align-title="left" class="bar-balanced">
        <a class="button-icon title" href="">
            <i class="icon ion-ios-telephone-outline"></i>
        </a>
    </ion-footer-bar>
</ion-view>

侧菜单代码段：

 <ion-side-menu-content>
        <ion-nav-bar class="bar-balanced">
            <ion-nav-back-button>
            </ion-nav-back-button>

            <ion-nav-buttons side="left">
                <button class="button button-icon button-clear ion-navicon" menu-toggle="left">
                </button>
            </ion-nav-buttons>
        </ion-nav-bar>
        <ion-nav-view name="menuContent"></ion-nav-view>
    </ion-side-menu-content>

是否有任何CSS或角度解决方法

我想保留导航后退按钮和导航按钮以及视图标题。我该怎么做

我已经研究了一些方法，但这些方法需要cordova插件，并且是特定于iOS的，比如：

而且

这：

---

这些不符合我的目的。请推荐一种替代方法，如css标题栏透明或使用angular的$ionic委托，只删除标题栏而不删除按钮。

好的，下面是问题，创建一个css类

.make-border-trasparent{
  background-color: rgba(0, 0, 0, 0.0) !important;
  border: none;
  .bar.bar-light {
    background-color: rgba(0,0,0,0) !important;
  }
}

现在，使用带有conidtion的

ng class

将该类添加到导航栏

<ion-nav-bar ng-class="{'make-border-trasparent': hideBar,'bar-balanced': !hideBar }">

---

这只会使你的酒吧变得完全透明。按钮和其他东西将在导航栏上保持可见。

好的，下面就是问题所在，创建一个css类

.make-border-trasparent{
  background-color: rgba(0, 0, 0, 0.0) !important;
  border: none;
  .bar.bar-light {
    background-color: rgba(0,0,0,0) !important;
  }
}

现在，使用带有conidtion的

ng class

将该类添加到导航栏

<ion-nav-bar ng-class="{'make-border-trasparent': hideBar,'bar-balanced': !hideBar }">

---

---

这只会使你的酒吧变得完全透明。按钮和其他东西将在导航栏上保持可见。

您能否提供更多详细信息。您的问题不清楚，为什么要使用自己的属性？已经有ng类和ng，如果可以使用的话。hide-nav-bar是一个attribute@Rohan你能提供更多的细节吗？你的问题不清楚，为什么要使用你自己的属性？已经有ng类和ng，如果可以使用的话。hide-nav-bar是一个attribute@Rohan你有没有解决这个问题的方法？如果有帮助的话，我正在用侧菜单模板制作应用程序。我在style.css中添加了使边框透明。将ng类添加到sidemeny离子导航栏，并通过注入$rootScope添加$rootScope.hidebar。我不知道如何使用codepen，很抱歉。@RohanGada我已经编辑了我的答案，请参阅我制作的

ion导航栏上的更新。在你发布编辑之前，我已经尝试过了。导航栏在所有页面中都更改为默认值。导航栏灯光不透明。即使在评论之后我也试过了，还是一样。我想这与解析根范围或其他问题有关。@RohanGada尝试覆盖。bar light，我编辑了答案。如果有帮助，我正在使用侧菜单模板制作应用程序。我将使边框透明添加到style.css中。将ng类添加到sidemeny离子导航栏，并通过注入$rootScope添加$rootScope.hidebar。我不知道如何使用codepen，很抱歉。@RohanGada我已经编辑了我的答案，请参阅我制作的
ion导航栏上的更新。在你发布编辑之前，我已经尝试过了。导航栏在所有页面中都更改为默认值。导航栏灯光不透明。即使在评论之后我也试过了，还是一样。我想这与解析根范围或其他问题有关。@RohanGada尝试覆盖。我编辑了答案。