使用铆钉进行简单的数据绑定

Question

有人可以帮我制作

<div id="infoview">
          Infos <span data-text="appel:ref"></span>
</div>

javascript：

var appel = {
    adresse: "Plateau Rue du Commerce",
    ref: "helo"
};
rivets.bind($('#infoview'), {appel: appel});

我使用了lastts.js的最后缩小版本 谢谢，这里是jsfiddle

Answer 1

我做了什么，对于任何有同样问题的人（我认为不会有）

<div id="infoview">
          Infos <span rv-text="appel.ref"></span>
</div>

和javacsript：

var appel = {
    adresse: "Plateau Rue du Commerce",
    ref: "helo"
};
rivets.bind($('#infoview'), {appel: appel});

混合数据文本和rv文本，所以正确的方法是rv-text。 并注意keypath appel.ref和appel：ref，如果你想使用appel：ref你需要创建一个adaptater