【发布时间】：2019-09-20 05:07:26
【问题描述】：
在我的 ionic 项目中，我在 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();
}
有没有办法从侧边菜单打开这些链接？
【问题讨论】：
-
你是想在应用内打开inappbrowser还是让他们跳转到应用外的浏览器？
-
@AbdullahRasheed 我更愿意在应用浏览器中打开它，我尝试使用以下代码使用设备浏览器打开它：
window.open(Url,'_system', 'location=yes');但仍然出现相同的错误。
标签： angular ionic-framework ionic3 ionic4