angularjs修改在微信扫一扫或支付宝扫一扫后title的名字

最近有一个需求，将angularjs写的h5页面放在微信和支付宝中使用（用扫一扫或放在公众号，生活号中），因为angular是单页面应用，所以所有页面的title都一样。。。

如下图所示，列表页和详情页在微信上的title都一样

图1.列表页

图2.详情页

然后上网查了好多文章，试了试都没啥效果，要么就是灰常复杂，让人看得想睡觉。

后来我就想何不用$rootScope的全局变量来控制呢，然我我就试了试 ， 果然行。

具体实现方式：

1.在HTML中设置title： <title  ng-bind="title"></title>

2. 在controller中设置具体的title： $rootScope.title='商品详情';

OK，2步搞定， Android，苹果亲测在微信和支付宝中都没问题。附上效果图

没试过低版本的苹果，如有问题欢迎大伙一起讨论。