最近有一个需求,将angularjs写的h5页面放在微信和支付宝中使用(用扫一扫或放在公众号,生活号中),因为angular是单页面应用,所以所有页面的title都一样。。。
如下图所示,列表页和详情页在微信上的title都一样
图1.列表页
图2.详情页
然后上网查了好多文章,试了试都没啥效果,要么就是灰常复杂,让人看得想睡觉。
后来我就想何不用$rootScope的全局变量来控制呢,然我我就试了试 , 果然行。
具体实现方式:
1.在HTML中设置title: <title ng-bind="title"></title>
2. 在controller中设置具体的title: $rootScope.title='商品详情';
OK,2步搞定, Android,苹果亲测在微信和支付宝中都没问题。附上效果图
没试过低版本的苹果,如有问题欢迎大伙一起讨论。