数据绑定到Mustache模板?(最好干净简单)

cra*_*ish 5 javascript data-binding mustache

我所追求的是一段代码,可以为我提供一个简洁的单向解决方案,将DOM中的更改绑定到用于呈现它的对象.

示例:和对象

{name: 'Joe'}
Run Code Online (Sandbox Code Playgroud)

用于呈现Mustache模板

<div><input val="{{name}}" /></div>
Run Code Online (Sandbox Code Playgroud)

如何将inputfield中的change事件与正确的属性相匹配?

迭代怎么样?

{{#users}}
<div><input val="{{name}}" /></div>
{{/users}}
Run Code Online (Sandbox Code Playgroud)

有这样的事吗?

编辑:是的,我知道Backbone,Angular,Ember,younameit.但是,我需要的是Mustache/Handlebars的具体案例.

sak*_*ako 11

Ractive就是这样.胡子与数据绑定.http://www.ractivejs.org


cra*_*ish -1

好吧,设法找到一种通过 Shadow dom 解决方案进行简单数据绑定的方法。这不是完美的解决方案,但目前可以了。