当前位置: 首页 » 前端开发 » Angular单页面 动态修改title[兼容微信]
字号调整:

Angular单页面 动态修改title[兼容微信]

haibao 前端开发 2016-11-24 11:55:22 1242 百度已收录
本文最后更新于2016-11-24,已超过 1年没有更新,如果文章内容、图片或者下载资源失效,请留言反馈,我会及时处理,谢谢!
历史上的今天:9月19日 - 1928年,米老鼠首次亮相

凌晨好, 本文除去代码部分,共438个字,预计阅读时间需要2分钟。

如题:
微信开发,采用angularjs写的单页面【路由:ui-router】,页面切换的时候,如果动态修改title呢?浏览器肯定是没问题的情况下。

解决方法:

在angular 入口js里,首先定义好ui-router对应的title, url, view, controller等,然后再module config run的时候,动态获取自定义的标题:

比如:

1
document.title = $state.current.title || 'AppName';

以上写法在浏览器是没问题的,但在微信浏览器就行不通了。解决方法如下:

1
2
3
4
5
6
var $body = angular.element('body');
var $iframe = $('<iframe src="/favicon.ico"></iframe>').on('load', function() {
    $timeout(function() {
        $iframe.off('load').remove();
    }, 0);
}).appendTo($body);

也可以改成原生JS版本的,重点在于src=”/favicon.ico”。

本篇完。

本文标题:Angular单页面 动态修改title[兼容微信]

本文地址:http://www.hehaibao.com/angular-update-title-for-wechat/

版权声明:本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处!

5条评论
  • 社区o2o-m.suofeiya.com

    2016-12-28 18:15

    写的挺用心的 赞一个!学习到了 谢谢分享!

  • 富婆包男人

    2016-12-21 00:36

    顶一个!!!!

  • 社区o2o-m.suofeiya.com

    2016-12-15 15:04

    小编文章写得很是漂亮,我给满分!!

  • 富婆包男人

    2016-12-15 10:27

    不错支持一下。。

  • 工控资料窝

    2016-12-14 16:56

    很厉害的样子!!

发表评论

电子邮件地址不会被公开。 必填项已用*标注