多个view的AngularJS App中socket.io在页面刷新后不能接收消息

最近在通过socket.io来实时更新订单的状态。

通过AngularJS创建的web app有两个view，一个overview，另一个是显示各个订单详细信息的jobview。

由于AngularJS app实际上都是Single Page App，也就是但也应用，所以在overview里定义的的socket.io的listener在切换到jobview后依然可以起作用。但是如果刷新jobview，尽管socket.io的client和server确实重新连接了，但是就是接收不到server发来的相应事件的消息。把socket.io constructor里可能管用的属性都试了一遍，forced new connection什么的，都不起作用。

后来由于需要在jobview里添加了两个listener，发现刷新jobview之后只有这俩个可以被加载，所以这个事就弄清楚了。应该是由于AngularJS的lazy load机制，刷新某个view的时候只会重新创建相应controller里的变量。在这里刷新jobview就只能加载与jobview绑定的controller中的listener，而不能加载那些在overview中定义的listener。

解决的方法有两种：

1. 把overview里的listener在jobview里重新写一遍。如果jobview不刷新，server每发一个消息就会被接收两遍，overview的listener一遍，jobview的listener一遍。如果能只在页面刷新后才加载这些listener也凑合可以，但是查了很久不知道怎么才能检测到页面刷新。而且这么长一段代码写两遍很有些213，以后如果要修改每次要改两个地方。

2. 第二种方法是查了很久才发现的。就是把overview里的那些listener放到一个新创建的controller里，不妨称之为socketCtrl，然后把这个socketCtrl和body绑定，这样就解决了刷新后不能加载的问题，但是要注意这样listener在没有登陆的情况下也能接收消息。所以要在每个controller里都加上是否登陆的检查，如果没有登陆久不接收消息。这在安全上貌似是个隐患，尚且不知道怎么解决。

参考：http://stackoverflow.com/questions/19699815/how-to-define-multiple-controllers-for-one-view-in-angularjs

在stackoverflow上的自问自答...

http://stackoverflow.com/questions/25143890/socket-io-client-cant-receive-data-from-the-server-after-refreshing-the-page/25166005#25166005