增加数据
在查找数据绑定到模板这节中,我们已经把获取的data数据绑定到模板中,并展示到页面中。
在我们实际应用中,模板快速的绑定数据,使我们更快速的进行操作,我们模仿从后天获取数据,现在我们给数据新加一条默认数据,添加到数组employees中,在重新给模板绑定新的数组,看看列表显示效果。
实例增加数据,现在我们通过一个增加按钮(add),并为其绑定一个点击事件(click),重新加一条数据,为模板重新赋值。
$('#add').bind('click',function(){
data.employees.push(
{firstName: "polo",
lastName: "yu"}
);
$('#sampleArea').html(template.render(data)); // 重新为预编译模板绑定数据,并显示到页面
})