用Rivets.js输出一个类？

Question

我认为这会更容易，除非我遗漏了一些东西，但我不知道如何将我的数据作为一个类输出。

<div class="partner-type" rv-class="partner.partner-type"></div>

不起作用。它应该说明该财产的价值“技术”或“服务”。还有做字符串插补之类的吗？数据吸引力？

Answer 1

最后我用了这样的东西

rv-class-ineededthisclass="partner.partner_type | isNotEqual 'premier'"

顺便说一句，这个库很适合铆钉：https://github.com/matthieuriolo/rivetsjs-stdlib。

Answer 2

您可以在官方Github文档页面中找到一个简单的定制绑定程序，它的行为完全符合您的需要:它将存储在变量中的className动态分配给绑定元素。

AddClass (rv-addclass) 在元素中添加一个新类(使用属性值)，并添加任何现有类。在随后的更改中，以前添加的类将被替换为新的类。

活页夹声明：

rivets.binders.addclass = function(el, value) {
  if (el.addedClass) {
    $(el).removeClass(el.addedClass);
    delete el.addedClass;
  }

  if (value) {
    $(el).addClass(value);
    el.addedClass = value;
  }
};

用法：

<i rv-addclass="partner.partner_type"></i>

Answer 3

我也有过同样的问题。为了解决这个问题，我创建了一个叫做"rv-set-class“的活页夹。

rivets.binders['set-class'] = function(el, value){
     el.className += ' '+ value;   
}

您现在可以这样使用它：

<div rv-set-class="partner.partner-type"></div>