Каков эквивалент Android Webview В ионной структуре?

Я создал приложение IONIC/ Angular JS; и я хочу загрузить на него веб-страницу, как это делается с помощью Android WebView; то есть отобразить мою веб-страницу в разделе моего ионного приложения. Итак, вопрос в том, может ли это сделать компонент IONIC?

Спасибо;)

Ответы

Ответ 1

Я знаю, что вы опубликовали этот вопрос некоторое время назад. У меня была такая же потребность встраивать веб-страницу в мою ионную страницу, и решение, которое я нашел, это добавить тег 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/