如何在骨干.js中實現雙向HTML綁定？

Question

我花了很多時間來研究JS框架，我覺得belimber.js是我所需的最佳工具。 唯一的問題是嚴重缺乏任何模板。 它說它可以通過第三方插件來使用，但是我在入門時遇到了麻煩。 我希望模型中的數據能夠訂閱。

這是我的模型和收藏：

window.colorItem = Backbone.Model.extend({
});

window.colorLibrary = Backbone.Collection.extend({
    model: colorItem
});

var colors = new colorLibrary(
    [
        {"unique_id":"1000","user_id":"1","color":"#66bf1c","note":"Enter a note!"},
        {"unique_id":"1001","user_id":"1","color":"#332c5d","note":"Enter a note!"}
    ]
);

我怎么能簡單地通過骨干.js將此模型附加到DOM？

Answer 1

您應該創建一個主視圖，該視圖將以所需的方式顯示模型信息。 您將需要傳遞要顯示的集合或在視圖中實例化它。 之后，您必須從集合中獲取每個模型，以在頁面上顯示它們。 您可以使用jquery並將其附加到所需的對象上，或者，這是我的建議，您可以為每個模型創建一個新視圖。 這樣，您可以使用事件分別控制每個模型。