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

haibao 笔记 2016-11-24 11:55 662
我们没有不懂技术的管理人员 — 因为寻求技术和管理的平衡毫不费力!——比尔.盖茨

欢迎您,我猜是来自美国的朋友! 本文共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 条评论

发表评论

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

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>