Приложение AngularJS + Phonegap: Views fill 100% height

Я создаю приложение для Android с телефонным зазором с использованием углового JS + верхнего слоя. Мне удалось создать индексную страницу, представления и всю базовую структуру. Мой вопрос в том, что есть некоторые страницы (частичные), у которых нет данных для показа. В этом случае представление не заполняет высоту страницы. Это создает проблему, потому что в меню ящика скрывается угловая привязка. Поскольку страница не заполняет всю доступную высоту, отображается меню, которое должно быть скрыто. Кто-нибудь знает, как справиться с этой ситуацией? Я прикрепляю изображение, чтобы засвидетельствовать! app-example Спасибо!Приложение AngularJS + Phonegap: Views fill 100% height

источник

2013-11-20 jpgrassi

Почему бы не использовать свойство min-height css. Предположим, каждая страница вашего приложения обернута внутри DIV следующим образом:

<div classs="page"> 
    //your page content 
    ... 
</div>

Вы можете создать следующее правило CSS

.page { 
    min-height :100%; 
}

, что будет гарантировать, что даже если высота контента меньше общая высота экрана будет занимать 100% высоты страницы.

источник

2013-11-20 18:59:01

Благодарим за помощь. Я уже это пробовал, и это не сработало. Я также попытался установить минимальную высоту: 100% на тело и html, также не работал. – jpgrassi

Николас Я решил проблему. Я устанавливал класс на parts div вместо установки на «main» div с директивой ng-view. Теперь это работает. Спасибо за помощь! – jpgrassi

Мне удалось решить проблему с помощью Николаса. Это не сработало в начале, потому что я устанавливал новый стиль в div частичного. Попытавшись некоторое время, я установил класс на «главный» div, который содержит директиву ng-view, и он сработал. Просто пример в случае, если другие имеют один и тот же вопрос:

<body ng-controller="MainCtrl"> 
    <div snap-content snap-options="snapOpts" class="page"> 
     <div ng-view ng-class="slide"></div> 
    </div> 
</body> 

.page { 
    min-height :100%; 
    background:inherit; 
}

Примечание: Я должен был установить фон для класса страницы, иначе она не будет работать.

источник

2013-11-21 10:28:13 jpgrassi

Приложение AngularJS + Phonegap: Views fill 100% height

ответ

Смежные вопросы