导入
从模型中显示内容
学习如何在 Marionette.js 中声明模型,以及如何从模型中获取数据以在应用程序中显示。
...
模型声明语法
1<script type="text/template" id="contact-template"> 2 <p><%- firstName %> <%- lastName %></p> 3</script> 4 5ContactManager.ContactView = Marionette.ItemView.extend({ 6 template: "#contact-template" 7});
1ContactManager.on("start", function(){ 2 var alice = new ContactManager.Contact({ 3 firstName: "Alice", 4 lastName: "Arten", 5 phoneNumber: "555-0184" 6}); 7 8var aliceView = new ContactManager.ContactView({ 9 model: alice 10}); 11 12 ContactManager.regions.main.show(aliceView); 13});
> **注意:** 回想一下我们之前讨论过的在视图实例化时传递选项的方法? > > 这正是我们在这里所做的。当我们使用联系人视图时,始终使用相同的模板。为了方便,我们在视图定义中指定了模板。然而,要显示的模型可能会不同。因此,我们不在视图定义中包含 model 属性,而是在每次创建新的视图实例时单独指定模型。
...
No configuration found for ID: d46c226fbee602ad1724f29fd319b8f598ff7b46f1a01a37f1311a951b702ef8