javascript - KnockoutJS 在模型之外添加动画？

Question

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

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

Answer 1

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

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');
};

这是一个证明这有效的小提琴。