Ionic4: Как открыть внешнюю ссылку из бокового меню - PullRequest
Новая
       30

Ionic4: Как открыть внешнюю ссылку из бокового меню

0 голосов
/ 20 сентября 2018

В моем ионном проекте я создал боковое меню на app.html, которое будет доступно через все приложение, это меню содержит элементы со ссылками, которые должны открываться снаружи.Я пытался открыть их с помощью InAppBrowser, но у меня появляется эта ошибка: 

uncaught (in promise) invalid views to insert

app.html: 

<ion-list no-margin>
            <ion-item menuClose ion-item no-lines *ngFor="let l of SocialLinks" (click)="openPage(l.Url)">
                <ion-icon name="{{l.icon}}"></ion-icon>

           </ion-item>
</ion-list>

app.component.ts: 

import { InAppBrowser } from '@ionic-native/in-app-browser';

...


@Component({
  templateUrl: 'app.html',
  providers: [InAppBrowser]
})

...

constructor(
...
 private iab: InAppBrowser
)    

...  

this.SocialLinks = [

     { title: 'twitter', Url: 'https://twitter.com', icon: 'logo-twitter' },
     { title: 'facebook', Url: 'https://facebook.com', icon: 'logo-facebook' },
     { title: 'instagram', Url: 'https://instagram.com', icon: 'logo-instagram' },
     { title: 'linkedin', Url: 'https://linkedin.com', icon: 'linkedin' },

];


...


OpenUrl(Url: string, myEvent) {
    const browser = this.iab.create(Url);
    browser.show();
  }

есть ли способ открыть эти ссылки из бокового меню?

1 Ответ

0 голосов
/ 20 сентября 2018

Заметили ли вы, что метод, который вы вызываете в click, не тот, который вы вызываете, когда показываете ионную страницу?

...