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

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

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

图1.列表页



图2.详情页

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

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

具体实现方式:

1.在HTML中设置title: 


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



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




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


你可能感兴趣的:(web前端)