Artikel ini berbagi dengan Anda metode tab persembunyian ionik untuk referensi Anda. Konten spesifiknya adalah sebagai berikut
1.
<ion-tabs ng-class = "{'tabs-item-hide': $ root.hidetabs}"> <!-tabs-> </ion--abs>2.
Tambahkan .Direktif ke pengontrol ini:
var module = angular.module ('app.directives', []); module.directive ('showtabs', function ($ rootscope) {return {batasi: 'a', tautan: fungsi ($ scope, $ el) {$ rootscope.hidetabs = false;}};}). Batasi: A ', Link: Function ($ scope, $ el) {$ rootscope.hidetabs = true;3.
Referensi T-Tabs Di Halaman HTML
<ion-view hide-tabs> <!-lihat konten-> </ion-abs>
4.
Ketika halaman kembali ke halaman utama, tab perlu ditampilkan lagi, dan Anda perlu menambahkannya ke pengontrol (terutama untuk menyelesaikan masalah tab atau tersembunyi di Android):
$ scope. $ on ('$ ionicview.enter', function () {// Tampilkan tab $ rootscope.hidetabs = false;});5.
Saya menggunakan tab-top, dan masalah lain yang saya temui adalah: bagian dari konten <nion-content> akan disembunyikan; larutan:
Ubah konten di Directive.js lagi dan tidak lagi menggunakan showtab:
.directive ('hidetab', function ($ rootscope) {return {restrict: 'a', link: function (lingkup, elemen, atribut) {scope. $ on ('$ ionicview.beforenter', function () {scope. $ watch (attributes.hideTabs, function) {hide (value) {$ {$ {$ {$ {$ {$ {$ {$ {$ {hideet. scope. $ on ('$ ionicview.beforeleave', function () {$ rootscope.hidetabs = false;});Mari kita ringkas. Dibandingkan dengan penggunaan tab, jika ada di bagian bawah, yang di atas tidak akan memiliki masalah besar. Tetapi jika digunakan di atas, itu akan menghadapi beberapa masalah ketika datang ke konten.
Faktanya, Anda dapat mempertimbangkan menggunakan <ion-Slide> pada ionik alih-alih <Ion-tabs>. Apakah itu efek geser dengan halaman lain atau efek geser dari halaman geser, itu akan sangat ditingkatkan, terutama di Android.
Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang dan saya harap semua orang akan lebih mendukung wulin.com.