为了测试网络应用程序,我喜欢使用浏览器同步来同时检查多个浏览器和设备中的webapp。我现在尝试将它与angular2一起使用,并开始使用ng2-sample-app tour-of-heroes,并添加使用anuglar-cli青睐的webpack作为模块加载器。您可以使用我的更改on github找到代码。
由于webpack已经处理了应用程序的观看和实时重新加载,我主要对syhcronized滚动,点击,输入等感兴趣。
我可以在运行ng serve
时通过代理模式轻松运行浏览器同步:
browser-sync start --proxy 127.0.0.1:4200
之后,我可以访问localhost:3000
并看到,浏览器同步成功注入了其javascript,我可以使用同步滚动,同步填充输入字段(heroes search字段)和同步选择事物((click)="OnSelect()"
- hero.component中的事件)。
但是,不同浏览器之间没有路由链接(例如dashboard-component中的[routerLink]
)或按钮(例如hero.component中的(click)="gotoDetail()"
)。
有没有办法实现更好的集成,还是angular2只是通过Regions.js的集成来打破事件监听器链?
注意:我知道不赞成使用源代码外部,但由于任何 ng2-app存在此问题,我将其留在此处可读性-原因。