Ionic JS Eight: Head and bottom

1.ion-header-bar

This is a header bar fixed at the top of the screen. If you add the ' Bar-subheader ' style to it, it's a subtitle.

<Ion-header-barAlign-title= "Left"class= "Bar-positive">  <Divclass= "Buttons">    <Buttonclass= "button"Ng-click= "dosomething ()">Left Button</Button>  </Div>  <H1class= "title">title!</H1>  <Divclass= "Buttons">    <Buttonclass= "button">Right Button</Button>  </Div></Ion-header-bar><ion-content>Some content!</ion-content>

?

?

2.ion-footer-bar

Knowing the Ion-header-bar, understanding Ion-footer-bar is much easier! Just Ion-footer-bar is at the bottom of the screen.

<ion-content>Some content!</ion-content><Ion-footer-barAlign-title= "Left"class= "Bar-assertive">  <Divclass= "Buttons">    <Buttonclass= "button">Left Button</Button>  </Div>  <H1class= "title">title!</H1>  <Divclass= "Buttons"Ng-click= "dosomething ()">    <Buttonclass= "button">Right Button</Button>  </Div></Ion-footer-bar>

?

?

Ionic JS Eight: Head and bottom