Как создать пользовательскую страницу загрузки в ionic 2

Загружаемая по умолчанию страница загрузки Ion 2 - src/index.html. Я хочу изменить его на свой собственный custom.html с рабочим app.component.ts. Поскольку я уже пробовал это сделать, изменив тег content-src на пользовательский .html-файл в файле config.xml. Но когда я делаю это, никакая функция внутри app.component.ts не будет выполняться, другими словами, элемент управления вообще не войдет в него. Я не хочу попробовать это http://www.joshmorony.com/how-to-create-a-custom-loading-component-in-ionic-2/, поскольку это не для ионных 2.Как создать пользовательскую страницу загрузки в ionic 2

Итак, пожалуйста, предложите мне, как я могу изменить страницу загрузки по умолчанию i, e index.html на пользовательскую страницу.

источник

2016-12-16 Anonymous

что выход вам нужно. до сих пор то, что вы пробовали, нуждается в некотором коде –

. Стартовая страница приложения будет по умолчанию index.html. Но я хочу, чтобы начальная страница была channel.html в моем случае. Когда я конвертирую свой предварительно написанный код сайта в приложение IOS, многие зависимости уже установлены на channel.html. Поэтому я хочу, чтобы channel.html отображался в приложении load not index.html ... –

Я думаю, что самым простым решением будет разместить содержимое вашего custom.html внутри index.html между тегами <my-app></my-app>. Содержимое, которое определено здесь, будет отображаться только до тех пор, пока не будет загружен компонент <my-app>.

Вот пример, который я сам использую

index.html

<body>  
    <my-app> 
    <!-- loading page--> 
    <div class="row" style="background-color: black; text-align: center;"> 
     <img src="images/loading.gif" style="width: auto; height: 100%;"/> 
    </div> 
    </my-app> 
</body>

Это будет показывать мой loading.gif в полноэкранном режиме на черном фоне.

(стили размещены в строке, поэтому мне не нужно было добавлять таблицу стилей).

Результат:

источник

2016-12-16 11:12:48 Ivaro18

Спасибо за ваш ответ. Но у меня есть некоторые Javascript и другие зависимости кода, которые уже используют custom.html ... для моего будущего улучшения моего проекта это хорошо, только если у меня есть свой custom.html ... Поэтому я хочу загрузить это на загрузку страницы .. Есть ли выбор? –

, вы можете попробовать добавить свой 'custom.html' между тегами' '. Не знаете, как быстро загружается файл javascript и 'w3IncludeHtml()'. Посмотрите руководство здесь http://www.w3schools.com/howto/howto_html_include.asp – Ivaro18

Как создать пользовательскую страницу загрузки в ionic 2

ответ

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