我有一个奇怪的问题,我的角度应用程序中的路线。此问题仅发生在iOS
上每当我点击导航菜单中的某个路线链接时,页面就会导航到该路线,但该页面为空白。似乎实际内容不在router-outlet
中。但是,当我使用Safari Remote检查检查元素时。我可以看到,所有元素都在那里,并且屏幕上也有分配的空间。如果我点击屏幕上的项目(仍然不可见),则会触发他们的点击事件。
以下是被检查元素和空白页面的屏幕截图(注意屏幕是蓝色的,因为我将鼠标悬停在使用路由器选择的组件中的元素(在safari开发工具中)。
但是,如果我刷新页面,或直接在地址栏中输入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,该错误都会出现
抱歉,网址不是链接,Stackoverflow只允许我有1个链接:(
答案 0 :(得分:2)
使用我的ipad air 2和ios 10也有同样的问题。我尝试了所有浏览器,从safari到dolphin。只是某些路由器插座根本没有渲染。希望有人能找到解决这个问题的方法,因为我无法从我的linux笔记本电脑调试ios。此外,在Android上所有的工作都像一个魅力。