【发布时间】:2013-03-26 20:38:49
【问题描述】:
感谢 Durandal,我开发了一个 SPA。在这个模板中,我们可以定义从一个页面导航到另一个页面时使用的转换。过渡风格是在主模块中为所有人定义的,用于所有过渡。
我想知道是否可以为某些特定视图使用不同的过渡?
有什么想法吗?
谢谢。
【问题讨论】:
感谢 Durandal,我开发了一个 SPA。在这个模板中,我们可以定义从一个页面导航到另一个页面时使用的转换。过渡风格是在主模块中为所有人定义的,用于所有过渡。
我想知道是否可以为某些特定视图使用不同的过渡?
有什么想法吗?
谢谢。
【问题讨论】:
是的,你可以。 I created a transition helper 这只是一个使用Animate.css 开源库的自定义过渡。
因此,如果您查看发生转换魔术的 doTrans 方法,它会传递 3 个参数:parent、newChild、settings。
parent 和 newChild 是对用于制作动画的 html 视图的引用。
我认为 settings 对象是您要查找的对象。因为它包含对绑定到新视图的视图模型的引用,位于 settings.model 属性下。
因此,您可以创建自己的自定义转换并检查 settings.model 以获取新视图模型上的某些属性,这将决定您应该如何为下一个视图设置动画。
我希望我能够足够清楚地解释这一点。如果没有,请告诉我,我将为您创建一个示例。
【讨论】:
<a data-bind="attr: { href: hash }, html: name"></a> 是否可以在此链接上添加“转换”绑定以强制执行特定转换?还是谢谢。