我在屏幕的顶部有几个标签，可以将用户导航到程序的几个部分。如果程序的某个部分有紧急通知，那么其中的一个标签现在应该会突出显示。
我在#main-header中添加了一个'notifications'属性，它是整个顶部div的id。
css唯一的项目正在相应地改变，到目前为止一切顺利。
不过，我需要添加文本到标题属性只有当有任何通知的用户。它是被检查每10分钟，如果有任何通知。
这个顶层菜单是在一个循环中创建的，在html中看起来如下所示：

<ul id="navigationMenuTop" class="nav navbar-nav" data-bind="foreach: getRoutes">
        <li data-bind="css: { active: isActive() }, attr: { title: hash === '#url/location' ? setNotificationTitle : '' }">
            <a data-bind="attr: { href: hash }, html: displayName"></a>

在视图模型中：

var self = this;
        self.setNotificationTitle = ko.computed(function () {
            var attr = $("#main-header").attr("notifications");
            if (typeof attr !== 'undefined' && attr !== false) {
                return "NotificationAlert";
            } else {
                return "";
            }
        });

它是在以下帮助下创建的：Knockout.js: conditionally bind title attribute of div
问题是使用setNotificationTitle会导致我在顶部根本看不到标签。当我简单地在html中硬编码文本时，顶部菜单会显示出来，工具提示也会工作。
我错过了什么？
Edit：视图现在如下所示：

<ul id="navigationMenuTop" class="nav navbar-nav" data-bind="foreach: getRoutes">
        <li data-bind="css: { active: isActive() }, attr: { title: hash === '#url/location' ? notificationTitle : '' }">
            <a data-bind="attr: { href: hash }, html: displayName"></a>

和视图模型：

var self = this;
    self.notificationTitle = ko.observable("");

    self.setNotificationTitle = ko.computed(function () {
        var attr = $("#main-header").attr("notifications");
        if (typeof attr !== 'undefined' && attr !== false) {
            self.notificationTitle("NotificationAlert");
        } else {
            self.notificationTitle("");
        }
    });

每当检查是否有任何通知时，都会调用setNotificationTitle。这也会给我同样的结果。
EDIT：不确定是否重要，但在视图模型的底部，它返回NavigationViewModel，如

return NavigationViewModel;

将其更改为我在knockout js文档中看到的内容

return NavigationViewModel = {
    notificationTitle: this.notificationTitle
};

结果在浏览器中的错误为我在系统的东西，因为notificationTitle是未定义的，它不是...