PhoneGap с угловым JS NG-View не может перейти в полноэкранный режим

0

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

Это некоторые важные части моего index.html:

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />
<body> 
    <div ng-view>    
       <!--MY CONTENT HERE-->
    </div>

    <script type="text/javascript" src="cordova.js"></script>

    <script type="text/javascript">
        app.initialize();
    </script>
</body>

Я загрузил свой контент в <div ng-view>. Он загружен успешно, но высота не заполнена. Высота зависит только от содержимого.

Это сводка моего загруженного контента:

<div class="parent">
    <div class="topcoat-list__container scroller">
        <ul class="topcoat-list list">
            <li class="topcoat-list__item">
            </li>    
        </ul>
    </div>
</div>

И это мой CSS:

html, body, .parent { height: 100vh; width: 100%; margin: 0; /*position:absolute;*/}

Я пробовал height:100% с position:absolute; но не везет вообще. Я использовал библиотеку topcoat в загруженном контенте, но думаю, что это не проблема.

Пожалуйста, любезно помогите мне. Большое спасибо за вашу помощь.

  • 0
    Почему бы не попробовать Ionic - это довольно большой разрыв телефона для угловых
  • 0
    Эээ ... извините, я очень новичок в гибридной разработке. Так что, если я использую Ionic, мне не нужно использовать PhoneGap? Или это просто CSS + JS?
Показать ещё 2 комментария
Теги:
cordova

1 ответ

0

Мне жаль, ребята, мой CSS путь неправильный. Кажется, мне нужно сделать перерыв LOL. Так или иначе, код в моем вопросе работает :)

Ещё вопросы

Сообщество Overcoder
Наверх
Меню