Я создал приложение IONIC/ Angular JS; и я хочу загрузить на него веб-страницу, как это делается с помощью Android WebView; то есть отобразить мою веб-страницу в разделе моего ионного приложения. Итак, вопрос в том, может ли это сделать компонент IONIC?
Спасибо;)
Я знаю, что вы опубликовали этот вопрос некоторое время назад. У меня была такая же потребность встраивать веб-страницу в мою ионную страницу, и решение, которое я нашел, это добавить тег iframe. Установите источник, чтобы перейти к ссылке, которую вы хотите внедрить. В iframe будет содержаться веб-страница внутри приложения. вы даже можете создать контроллер для добавления дополнительных функций. Смотрите мой код ниже:
<ion-view>
<ion-content class= 'padding has-subheader'>
<iframe class= 'webPage' name= "eventsPage" src="http://www.algonquincollege.com/studentsupportservices/events/">
</iframe>
</ion-content></ion-view>
Для стилизации вам нужно настроить таргетинг на div с помощью прокрутки класса, которая автоматически создается с помощью ионного. Например, я хотел, чтобы страница заполнила ширину 90%. см. код ниже:
ion-content div.scroll{
height: 90%; }
.webPage{
width: 100%;
height: 100%;
border: 2px solid #EAAB00;
padding: 1rem;}
Надеюсь, это поможет. подробнее здесь: http://mobileapplicationsdesigndevelopment.blogspot.ca/