Latest web development tutorials

이온 성 꼭대기와 바닥

이온 헤더 바

이것은 화면 헤더 제목 표시 줄의 상단에 고정되어있다. 이 스타일의 그것 바 서브 헤더 '에 추가 할 경우, 자막있다.

용법 

<ion-header-bar align-title="left" class="bar-positive">
  <div class="buttons">
    <button class="button" ng-click="doSomething()">Left Button</button>
  </div>
  <h1 class="title">Title!</h1>
  <div class="buttons">
    <button class="button">Right Button</button>
  </div>
</ion-header-bar>
<ion-content>
  Some content!
</ion-content>

API

재산 유형 기술
정렬 제목
(선택 사항)
string

이 타이틀의 배향이다. 설정되지 않은 경우, 휴대 전화의 기본 레이아웃 (이오스 기본이 중앙에, 안드로이드 기본 왼쪽)을 따릅니다. 이 값은 '권리', '센터', '왼쪽'할 수 있습니다.

노 탭 스크롤
(선택 사항)
boolean

기본적으로 화면 내용을 클릭 제목 표시 줄의 헤드가 머리에 스크롤, 더 탭 스크롤이 동작을 해제하려면 true로 설정 될 수있다. . 이 값은 부울 값 (참 / 거짓)입니다.

이온 바닥 글 바

쉽게 매력에 이온 바닥 글 바를 이해, 이온 헤더 줄 알아! 전용 이온 꼬리말 바는 스크린의 하단에있다.

용법 

<ion-content>
  Some content!
</ion-content>
<ion-footer-bar align-title="left" class="bar-assertive">
  <div class="buttons">
    <button class="button">Left Button</button>
  </div>
  <h1 class="title">Title!</h1>
  <div class="buttons" ng-click="doSomething()">
    <button class="button">Right Button</button>
  </div>
</ion-footer-bar>

API

그리고 이온 헤더 바는, 이온 바닥 글 바 만 정렬 제목이 API 다르다.

재산 유형 기술
정렬 제목
(선택 사항)
string

이 타이틀의 배향이다. 설정되지 않은 경우, 휴대 전화의 기본 레이아웃 (이오스 기본이 중앙에, 안드로이드 기본 왼쪽)을 따릅니다. 이 값은 '권리', '센터', '왼쪽'할 수 있습니다.