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

我花了很多時間研究JS框架，我覺得backbone.js是最適合我需要的。唯一的問題是嚴重缺乏任何模板。它表示它通過第三方附加組件開放，但我無法入門。我希望模型中的數據能夠訂閱。如何在backbone.js中實現雙向HTML綁定？

這裏是我的模型和收集：

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!"} 
    ] 
);

怎麼可能，我只是這個模型重視與Backbone.js的DOM的？

來源

2013-02-18 nkcmr

您需要該視圖。視圖將通過'model.on（「change」，callback）訂閱模型更改'並重新渲染子視圖 – Deeptechtons 2013-02-18 06:44:09

是的，您需要查看。除此之外，Backbone還有一些插件，可以幫助您輕鬆設置雙向數據綁定，如[Modelbinder]（https://github.com/theironcook/Backbone.ModelBinder）或[Stickit]（http： //nytimes.github.com/backbone.stickit/） – Ingro 2013-02-18 08:20:28

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

來源

2013-02-26 02:44:20 guzmonne

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

回答

相關問題