Ionic4:如何从侧面菜单打开外部链接 [英] Ionic4: How to open external link from Side Menu

问题描述

在我的离子项目中，我已经在app.html创建了侧边菜单，可通过整个应用程序使用，此菜单包含带有应从外部打开的链接的项目.我试图用InAppBrowser打开它们，但是出现了这个错误提示:

On my ionic project, I have created side menu at app.html to be available through the whole app, this menu contains items with links that should be opened externally. I have tried to open them with InAppBrowser but I have this error pups up:

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:

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();
  }

有什么方法可以从侧边菜单中打开那些链接吗?

is there any way to open those links from the side menu?

推荐答案

您是否已注意到在click中调用的方法与显示离子页面时调用的方法不同

Have you noticed that the method you call in the click is not the same one you call when you show an Ionic Page

这篇关于Ionic4:如何从侧面菜单打开外部链接的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！