一个类似的问题已经被问到here。而且我知道如何在非角度环境中做到这一点。但是为了学习这个框架,我使用 Angular 进行了自己的聊天。
由于我刚刚开始,我想知道对此最好的行动方案是什么?使用 jQuery 可以在控制器中工作,但这似乎不是正确的方法。因为一旦控制器被销毁,您就必须删除侦听器。
要清楚这就是我想要发生的事情:
如果用户切换选项卡或窗口,则页面标题会更新以反映“错过”的条目。一旦他回来,标题就会重置为另一个值。
一个类似的问题已经被问到here。而且我知道如何在非角度环境中做到这一点。但是为了学习这个框架,我使用 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);
});
});