KnockoutJS在模型之外添加动画？

Question

我正在开发一个knockout.js应用程序，并想知道如果我不想将它们放在模型中的位置放置动画功能（这似乎不是正确的位置）...

http://knockoutjs.com/examples/animatedTransitions.html

Answer 1

没有什么能阻止你引用模型之外的函数。 Knockout首先查看viewmodel，但如果找不到任何内容，则会查看全局上下文。

HTML：

<ul data-bind="template: { foreach: labels, afterAdd: app.animations.afterAdd}">
    <ol data-bind="text: $data"></ol>
</ul>

JS：

app = {};    
app.animations = {};    
app.animations.afterAdd = function(elem){
    $(elem).hide().slideDown('slow');
};

Here is a fiddle证明这是有效的。