2015-04-18 13 views
6

Potrzebuję załadować kod HTML wewnątrz ramki na stronie w aplikacji jonowej, bez otwierania nowego okna lub zasłaniania reszty strony.Jak otworzyć webview wewnątrz ramki w Ionic?

Chodzi o to, aby mieć ramkę, która otwiera stronę internetową bez pokrycia lub zakłócania reszty strony jak nagłówek, przyciski, itd

Zasadniczo, co chcę zrobić, jest równoznaczne z Androidem WebView w aplikacji ramowej Ionic.

Czy to możliwe?

Nie ma wiele kodu, jest to prosta strona "szczegóły wiadomości" dla aplikacji do obsługi wiadomości, jest to po prostu, że wiadomości muszą być wyświetlane jako strona internetowa.

<ion-view view-title="Detalles de mensaje" class="discover-page"> 
    <ion-nav-buttons side="right"> 
     <button class="button button-icon icon ion-navicon-round" ng-click="openPopover($event)"> 
     </button> 
    </ion-nav-buttons> 
    <ion-nav-buttons side="left"> 
     <button class="button button-icon icon ion-ios7-arrow-back" ng-click="goBack()"> 
     </button> 
    </ion-nav-buttons> 
    <ion-content scroll="false"> 

    </ion-content> 
</ion-view> 

Potrzebuję pokazać nagłówek z górnymi przyciskami i widokiem poniżej.

+0

Czy próbowałeś routingu Angular UI? Proszę napisać jakiś kod. –

+0

Czytałem o tym, ale jeszcze nie miałem szczęścia. –

Odpowiedz

6

Po prostu chcesz wyświetlić dowolny widok sieciowy w swojej aplikacji z nagłówkiem. Tak, jest możliwe z iframe tag html. Ale jest to możliwe tylko dla widoków sieci http nie dla https widoków sieciowych takich jak paypal.

+0

Dobrze, ale nie mogę przewijać (atrybut przewijania nie jest obsługiwany w HTML5). Czy istnieje sposób wyświetlania stron internetowych z https? –

+0

Którą wersję jonową używasz w swojej aplikacji? Myślę, że musisz zaktualizować wersje jonowe i cordova oraz do stron internetowych https, ja też próbuję znaleźć drogę .. –

+0

Nie można otworzyć niektórych https nie wszystkie w iframe. Próbowałem otworzyć system PayPal w elemencie iframe za pomocą nagłówka aplikacji i przycisku wstecz, ale system PayPal nie pozwolił na to. –

Powiązane problemy