Angular 2.0 路由器导航不适用于 iOS WKWebView

Question

由于一些性能问题，我正在尝试升级 angularJS2/phonegap 应用程序以在 iOS 上使用 WKWebView。

不幸的是，任何对路由导航的调用都不起作用。这包括 routerlink 和 this.route.navigate 调用。没有错误被抛出。有没有其他人看到过这个和/或可能有解决方法？

代码使用普通的 UIWebView 工作正常。

我是 Angular 的新手，所以欢迎任何建议。

下面是一些相关代码:

import { Component } from "@angular/core";
import { Routes, Router, ActivatedRoute } from "@angular/router";
import { LoggedInCallback } from "./service/cognito.service";

export class HomeComponent implements LoggedInCallback {

constructor(public router:Router){
}

isLoggedIn(message:string, isLoggedIn:boolean) {
    if (isLoggedIn){
      this.router.navigate(['/home/cl']);
    }
    else {
      console.log('HomeComponent: '+message);
    }
}

路由模块:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';
import { CategoryListComponent } from './categorylist/categorylist.component';


const approutes: Routes = [
    {
         path: 'home/cl',
         component: CategoryListComponent
    },
    ...
];
@NgModule({
  declarations: [

 ],
  imports: [RouterModule.forRoot(approutes), 
        BrowserModule, 
        FormsModule],
  exports: [RouterModule]

})
export class AppRoutingModule { }

回应以下评论:

如前所述，这是一个 phonegap 应用程序，因此大多数引用资料都使用(我假设)文件:协议(protocol)。但是，第一页加载正常，它引用了单个 JavaScript 文件中的内容。奇怪的是，所有其他路由器引用的内容也在同一个 JavaScript 文件中。

我希望有人能理解路由器行为的具体细节，以解释为什么它在这种环境中不起作用。

Answer 1

您是通过网络服务器还是 file://协议(protocol)访问它？看起来 wkwebview 有问题。

See this article