ионный каркас скрывает ионные вкладки в определенном состоянии вкладки

Question

Я пытался найти решение, но я не могу найти его. Я буду использовать базовые примеры, поэтому любой, кто знает ионный, может хорошо понять мою проблему.

ionic start myApp tabs создаст новый проект с готовыми вкладками.

Эти вкладки представляют собой панель инструментов, чат и настройки. Когда вы перейдете к Chat Tab, вы затем выберете человека, чтобы просмотреть его содержимое чата (которое направляет вас на страницу Chat-Detail). Я хотел скрыть указатель ion-tabs, когда я перехожу на страницу chat-detail, чтобы я мог заставить пользователя чтобы использовать кнопку Back, а не щелкать что-либо на ion-tabs.

Answer 1

Проще говоря: вам будет трудно это сделать. В лучшем случае это будет выглядеть не очень хорошо, если вам удастся скрыть использование css (я сделал это, и действительно, это некрасиво). В основном вам нужно будет определить переменную в родительской области, которая изменяется при входе в состояние детализации чата и привязывает его к директивам ng-класса по нескольким элементам (вкладки с ионами, чтобы скрыть это, ионный контент, чтобы перевести его чтобы охватить область, где были вкладки, и добавить некоторый переход, чтобы сделать ее не слишком жестокой).

Логичным является то, что состояние детали чата не является дочерним элементом состояния, содержащего вкладки. Проблема, которую вы будете иметь, заключается в том, что есть огромная ошибка, идущая в/из состояния с вкладками. См. Подробности здесь: https://github.com/driftyco/ionic/issues/2997

В конце этой дискуссии вы найдете несколько сообщений от Джейсона и Джеррибельса (это будет я), которые могут привести вас к правильному пути. В принципе, вам придется избавиться от директивы ion-tabs и вместо этого использовать Ionic's CSS for tabs, делая все манипуляции с состояниями самостоятельно.

Удачи вам!

Answer 2

Вы можете использовать атрибут «скрытый» ионным вкладке, как это -

<ion-tab hidden={{condition}}" /> 

С помощью этого мы можем показать/скрыть вкладку.