骨干事件未按预期触发

Question

我初始化视图：

notifications = new tvr.notifications.Collection
notifications.fetch()
new tvr.notifications.View collection:notifications

我正在向主干集合添加“通知”：

notifications =  new tvr.notifications.Collection
notifications.fetch()
notifications.create html:this_notification

notifications.coffee

    class Notifiction extends Backbone.Model
    class Notifictions extends Backbone.Collection
        model = Notifiction
        localStorage: new Backbone.LocalStorage 'tvr.notifications'


    class NotificationView extends Backbone.View
        initialize: ->
            @listenTo @collection, "add", @update

        update: ->
            alert "update"

    namespace 'tvr.notifications', (exports) ->
        exports.Model = Notifiction
        exports.Collection = Notifictions
        exports.View = NotificationView

这个事件永远不会被调用，我可以看到集合中创建的对象。

我只想知道何时添加新的，或从集合中删除，所以我可以更新 HTML 中的徽章编号。

Answer 1

您正在尝试将"Add" 事件绑定到函数调用，这是不可能的。您需要将事件绑定到函数引用，Backbone 的事件机制将代表您调用被引用的函数。在不使用alert 的情况下，这是一个差异示例（在 JavaScript 中）。

要调用的函数

var myFunc = function() {
    alert("happy days");
}

非法

notifications.on("add", myFunc());

法律

notifications.on("add", myFunc);

因此，您可以在示例中看到您尝试调用alert 函数并在使用on 绑定它时传递"happy days" 的参数。这是不允许的。

但是，如果您编写一个无参数函数来包装您想要调用的代码，例如上面的 myFunc 示例，并将其分配给变量或其他对象，您可以将事件绑定到函数的引用。然后，这应该按照您期望的方式运行。

最后，您应该使用listenTo 绑定事件，而不是on。这是因为已经在 SO 上讨论过的原因。如需进一步参考，请阅读以下内容：

Difference between ListenTo and on

Backbone js .listenTo vs .on