Эта статья делится с вами методом ионных вкладок укрытия для вашей ссылки. Конкретный контент заключается в следующем
1
<Ion-tabs ng-class = "{'tabs-item-hide': $ root.hidetabs}"> <!-вкладки-> </ион-табс>2
Добавить. Диративный к этому контроллеру:
var module = angular.module ('app.directives', []); module.directive ('showtabs', function ($ rootscope) {return {restrict: 'a', link: function ($ scope, $ el) {$ ourtscope.hidetabs = false;};};};}). Ограничение: 'a', ссылка: функция ($ scope, $ el) {$ rootscope.hidetabs = true;3
Справочные шкуры на HTML-странице
<Ion-view Hide-Tabs> <!-Просмотреть контент-> </ионно-табс>
4
Когда страница возвращается на главную страницу, вкладки необходимо отобразить снова, и вам нужно добавить их в контроллер (в основном для решения проблемы вкладок или скрытых на Android):
$ scope. $ on ('$ ionicview.enter', function () {// Показать вкладки $ rootscope.hidetabs = false;});5
Я использую Tabs-Top, и другая проблема, с которой я столкнулся, заключается в том, что часть содержимого <Ion-content> будет скрыта; решение:
Измените контент в Directive.js снова и больше не используйте ShowTabs:
.directive ('hidetabs', function ($ rootscope) {return {ruptrict: 'a', link: function (scope, element, attributes) {scope. $ on ('$ ionicview.beforenter', function () {scope. $ watch (атрибуты. Scope. $ ON ('$ IonicView.beforeLeve', function () {$ rootscope.hidetabs = false;});Давайте суммируем. По сравнению с использованием вкладок, если они внизу, приведенные выше не будут иметь никаких больших проблем. Но если он используется сверху, он столкнется с некоторыми проблемами, когда дело доходит до контента.
На самом деле, вы можете рассмотреть возможность использования <Ion-slide> на ионном, а не <Ion-tabs>. Будь то скользящий эффект с другими страницами или скользящим эффектом слайд -страниц, он будет значительно улучшен, особенно на Android.
Выше всего содержание этой статьи. Я надеюсь, что это будет полезно для каждого обучения, и я надеюсь, что все будут поддерживать Wulin.com больше.