Hide nav and title on specific template ionic


#1

I have a ionic app and I want no nav or title for the login page. I have worked out to remove the title with …

<ion-view title="Login" hide-nav-bar="true" >
<ion-content padding="true" has-header="false">

but the nav at the bottom still stays on the screen


#2

Add to ion-tabs ng-hide=“isLoginPage”

And define isLoginPage as true when you in login state


#3

How could I programatically assign isLoginPage? In $stateParams?


#4

I think you are using some thing similar to this.

 .state('app', {
    url: "/app",
    abstract: true,
    templateUrl: "templates/tabs.html",
    controller: 'AppCtrl'
  })

  .state('app.home', {
    url: "/home",
    views: {
      'menuContent': {
        templateUrl: "templates/home.html",
        controller: 'HomeCtrl'
      }
    }
  })

If so, please use some thing like

.state('login', {
    url: "/login",
    templateUrl: "templates/login.html",
    controller: 'LoginCtrl'
  })

Please observe that the state is not app.login, instead it is just login. Here we are not inheriting this page from the tabs view. So you don’t get the tabs at the bottom.
Hope this will resolve your issue. If this is not what you are referring to let me know.


#5

I will write you what to do and you translate it to code:
On state changed success, check current state name, if it’s login so rootScope.isLogin is true, else it’s false

Sorry for not providing code I’m from my phone