ท็อปส์ซูอิออนและพื้น
ไอออนส่วนหัวบาร์
นี้ได้รับการแก้ไขไปด้านบนของหน้าจอแถบชื่อส่วนหัว ถ้าคุณเพิ่มไป 'บาร์ส่วนหัวย่อย' รูปแบบนี้มันเป็นคำบรรยาย
การใช้
<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 | นี่คือการจัดตำแหน่งของชื่อ ถ้าไม่ตั้งก็จะเป็นไปตามรูปแบบเริ่มต้นของโทรศัพท์ (iOS เริ่มต้นเป็นศูนย์กลาง, Android เริ่มต้นซ้าย) ค่าของมันสามารถ 'ซ้าย', 'ศูนย์', 'ถูกต้อง' |
ไม่แตะเลื่อน (อุปกรณ์เสริม) | boolean | โดยค่าเริ่มต้นหัวของแถบชื่อเรื่องเมื่อคุณคลิกที่เนื้อหาบนหน้าจอจะเลื่อนไปที่หัวไม่แตะเลื่อนสามารถตั้งค่าให้ปิดการใช้งานจริงที่จะดำเนินการ . ค่าที่เป็นค่าบูลีน (จริง / เท็จ) |
ไอออนท้ายบาร์
รู้ไอออนส่วนหัวบาร์เข้าใจไอออนท้ายบาร์บนที่น่าสนใจง่าย! เพียงไอออนท้ายบาร์อยู่ที่ด้านล่างของหน้าจอ
การใช้
<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 | นี่คือการจัดตำแหน่งของชื่อ ถ้าไม่ตั้งก็จะเป็นไปตามรูปแบบเริ่มต้นของโทรศัพท์ (iOS เริ่มต้นเป็นศูนย์กลาง, Android เริ่มต้นซ้าย) ค่าของมันสามารถ 'ซ้าย', 'ศูนย์', 'ถูกต้อง' |