javascript - Ractive 的代理负载是如何工作的？

Question

我想知道 Ractive 生成​​的 DOM 元素何时准备就绪。就我而言，我想使用 jquery 将自动完成功能附加到元素上。理想情况下它会是这样的:

模板:

{{#list}}
<input type="text" proxy-load="attach-typeahead">
{{/list}}

Javascript:

ractive.on("attach-typeahead", function(event){
    $(event.node).typeahead(...);
})

但是即使我记得在文档中某处提到了代理加载，事件也从未触发。做我想做的事情的正确方法是什么？谢谢。

Answer 1

Codler 的回答很准确——转换可用于将行为附加到节点(并使用 outro 将其分离)。

从最新的 (0.3.8) 版本开始，还有另一种方法，其行为类似但为此目的稍微简化了一些:装饰器。

文档还没有写好(我的错)，但是你可以看到一个 typeahead decorator here .装饰器只是一个函数，一旦节点被添加到 DOM 中就会被调用，并返回一个带有 teardown() 方法的对象，一旦节点从DOM.

您可以像这样使装饰器全局可用:

Ractive.decorators.foo = function ( node ) {
  // do some setup work with the node here...

  return {
    teardown: function () {
      // do any necessary cleanup here
    }
  };
};

或者您可以指定每个实例的装饰器，如 fiddle 中所示。

Another decorator example here ，这次是一个可排序的列表。