如何在rivet.js

Question

如何绑定对象，例如i：

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

到样式为“div”

的position: relative; left: {x}; top: {y}

使用http://rivetsjs.com/

Answer 1

您需要为此创建自定义活页夹：

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

......然后......

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