2017-04-08 82 views
2

我有一個奇怪的問題,我的路線在我的角度應用程序中。這個問題只發生在iOS上Angular 2應用程序:iOS上的路由內容爲空

每當我點擊我的導航菜單中的一個路線鏈接,頁面導航到該路線,但頁面是空白的。看起來好像實際內容不在router-outlet中。但是,當我使用Safari Remote檢查檢查元素時。我可以看到,所有的元素都在那裏,並且屏幕上也爲它們分配了空間。如果我點擊屏幕上的項目(仍然不可見),他們的點擊事件將被觸發。

這裏是檢查元件的屏幕截圖和空白頁面(注意,屏幕是藍色的,因爲我在其與路由器選擇的組件懸停在所述元件(在Safari開發工具)。

safari

dev tools

然而,如果我刷新頁面,或直接鍵入URL到地址欄,則該組件作爲它應該顯示(此特定示例中是www.appollodev .com /#/ events) 和頁面位於www.appollodev.com(使用「ng build --prod --aot」構建)
如果您有iOS設備,則可以使用鏈接自行嘗試。只需進入根頁面,然後使用右上角的漢堡菜單訪問頁面(div元素上的路線鏈接)。沒有一條路線可行,我的例子是EVENTS鏈接。

其他信息:
嘗試自己的位置:www.appollodev.com

版本的東西:

@angular/cli: 1.0.0-rc.1 
node: 6.10.0 
os: win32 x64 
@angular/cli: 1.0.0-rc.1 
@angular/common: 2.4.9 
@angular/compiler: 2.4.9 
@angular/core: 2.4.9 
@angular/forms: 2.4.9 
@angular/http: 2.4.9 
@angular/platform-browser: 2.4.9 
@angular/platform-browser-dynamic: 2.4.9 
@angular/router: 3.4.9 
@angular/compiler-cli: 2.4.9 

npm version: 4.4.4 

iOS version: 10.0.1 (14A403) 

不工作:

iOS -> Chrome 
iOS -> Safari 
iOS -> Firefox 

文選:

Windows 8.1 -> Chrome, Safari, Firefox 
OS X -> Chrome, Safari, Firefox​ 
Android -> Chrome, Safari, Firefox​ 

我在爲這個bug網上搜索了幾個小時之後出現虧損,希望有人能提供幫助。 的錯誤似乎都與不HashLocationStrategy

對不起不是鏈接的網址,#2只允許我有1個鏈接:(

+1

這個問題有什麼進展?我被困在與你相似的地方。 – desperado06

回答

1

與我的ipad air 2和ios 10有同樣的問題。我嘗試了所有瀏覽器,從safari到dolphin。只是某些路由器插座沒有渲染。希望有人發現如何解決這個問題,因爲我無法從我的Linux筆記本電腦調試ios。此外,在Android上,所有作品都像魅力一樣。