更改非活动页面标题

Change inactive page Title

本文关键字：标题 活动页 非活动      更新时间：2023-09-26

这里也提出了类似的问题。我知道如何在非角度环境中做到这一点。但是为了学习这个框架，我用Angular做了自己的聊天。

由于我刚刚开始，我想知道最好的行动方案是什么？使用jQuery可以在控制器中工作，但这似乎不是正确的方法。因为一旦控制器被销毁，您就必须删除侦听器。

需要明确的是，以下是我希望发生的事情：

如果用户切换选项卡或窗口，页面标题将更新以反映"错过"的条目。一旦他回来，标题就会重置回另一个值。

最"棱角分明"的方法是在某个元素上创建一个侦听事件并更改范围变量的directive。

我会创建一个这样的 API：

<html ng-app="myApp" window-active-model="appIsActive">
  <title>{{appIsActive ? 'My Super App' : 'Come back to me!'}}</title>
</html>
这是

jquery版本，如果将来有人需要的话

$(function() {
// Get page title
var pageTitle = $("title").text();
// Change page title on blur
$(window).blur(function() {
  $("title").text("Don't forget to read this...");
});
// Change page title back on focus
$(window).focus(function() {
  $("title").text(pageTitle);
});
});
相关文章：