browser-sync不处理angular2

时间:2017-01-18 13:13:14

标签: angular typescript webpack browser-sync

为了测试网络应用程序,我喜欢使用浏览器同步来同时检查多个浏览器和设备中的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存在此问题,我将其留在此处可读性-原因。

0 个答案:

没有答案