javascript - 如何在 rivet.js 中绑定(bind)样式属性 top 和 left

Question

我如何绑定(bind)一个对象，比如我:

 var Item = function() {
        this.x = 10;
        this.y = 10;
    }
var i = new Item();

到具有样式“position: relative; left: {x}; top: {y}”的 div

使用 http://rivetsjs.com/

Answer 1

您需要为此创建一个自定义 Binder :

rivets.binders['style-*'] = function(el, value){
  el.style.setProperty(this.args[0], value);
};

……然后……

<p rv-style-left="item.x" rv-style-top="item.top">