RativeJS - 生命周期事件,了解DOM更新何时完成?

时间:2015-07-30 21:35:24

标签: ractivejs

我是Ractive.js的新手并且想知道是否有一个生命周期事件我可以用来知道每当Ractive完成DOM更新以响应数据变化时?

我的用例是我有一个盒子网格(简单的div)从数据模型中渲染一些文本。每当我的数据模型更新时,Ractive都会为我正确更新DOM。但是当它完成时,我想动态调整每个框中的字体大小以确保文本适合。

这只是我想到的第一件事,我的文字大小适合它,它可能不是正确的解决方案......但我很惊讶我没有找到这样的生命周期事件?

以下是我正在查看的文档:http://docs.ractivejs.org/latest/lifecycle-events。我的应用程序正在使用魔术模式来处理更新。

1 个答案:

答案 0 :(得分:0)

除非知识渊博的人基本上纠正了文档,否则看起来没有生命周期事件要听。

但是,我发现Ractive的Decorators概念给了我正在寻找的功能。通过将Decorator传递给我的Ractive实例,我传递了RactiveJS创建的DOM节点,并且我能够完成我需要做的任何工作(在我的情况下,计算节点中的文本是否适合其容器和在Javascript中缩小它。)