带有CSS转换的Meteor模板

带有CSS转换的Meteor模板,meteor,Meteor,Meteor似乎跳过了CSS转换,当这些转换通过模板助手触发时。 有办法解决这个问题吗 例如: <template name="example-template"> <div class="example {{myhelper}}"></div> </template> 然后,“myhelper”将通过模板助手被分配一个触发css转换的类名。但是,由于某些原因,应用了该类,但跳过了转换 我假设这与Meteor在模板数据源更改时的自动渲染冲

Meteor似乎跳过了CSS转换,当这些转换通过模板助手触发时。 有办法解决这个问题吗

例如:

<template name="example-template">
  <div class="example {{myhelper}}"></div>
</template>

然后,“myhelper”将通过模板助手被分配一个触发css转换的类名。但是,由于某些原因,应用了该类,但跳过了转换


我假设这与Meteor在模板数据源更改时的自动渲染冲突,但我不知道如何避免(我希望避免使用jquery)。Meteor还不支持渲染新模板后的CSS转换。原因是当再次呈现模板
示例模板
时,新的HTML只是用新的类名附加到DOM中。由于DOM发生了变化,因此不会发生转换

最好将
呈现的
事件与
加载
类名结合使用:

<template name="example-template">
  <div class="example loading"></div>
</template>

Template['example-template'].rendered = function() {
  // remove the loading classname here, and have that trigger a transition
}

模板['example-Template'].rendered=function(){
//删除此处的加载类名,并使其触发转换
}

新的Meteor UI登陆后,这应该会变得更容易(请参阅),但在此之前,您可以使用模板的preserve指令执行此操作:

HTML:


有关更多信息,请参阅。

非常有效!只要仔细阅读文档:在最简单的形式中,
preserve
方法应该传递一个选择器数组,每个选择器最多应该匹配一个元素。这项技术的好处是,您的代码保持完全反应。
preserve
在最新的Meteor中不再存在。
<template name="example">
  <div id="example-div" class="example {{myhelper}}"></div>
</template>
Template.example.preserve(['#example-div']);