当前位置:

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

本文最后更新于2016-11-24,已超过 1年没有更新,如果文章内容、图片或者下载资源失效,请留言反馈,我会及时处理,谢谢!

温馨提示:本文共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”。

本篇完。

版权申明:本文地址 ,本博客所有文章除特别声明外,均采用署名-非商业性使用-禁止演绎 4.0 国际 许可协议。请尊重他人的劳动成果!

我要说两句

  • 5 条回应
    • 头像
      社区o2o-m.suofeiya.com 发表于

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

    • 头像
      富婆包男人 发表于

      顶一个!!!!

    • 头像
      社区o2o-m.suofeiya.com 发表于

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

    • 头像
      富婆包男人 发表于

      不错支持一下。。

    • 头像
      工控资料窝 发表于

      很厉害的样子!!