Animation 杜兰达尔合成动画

Animation 杜兰达尔合成动画,animation,knockout.js,durandal,composition,Animation,Knockout.js,Durandal,Composition,是否有任何方法可以像在rout绑定上一样,将转换应用于durandal的合成绑定?我的意思是如果我有 <div data-bind="compose: ActiveView, transition: 'entrance'"></div> 活动视图是一个可忽略的可见视图,当我更改它时,我希望具有过渡效果,就像在路由时使用一些进度环指示过渡过程一样 下面是我的viewmodel import ko = require('knockout'); class Shell i

是否有任何方法可以像在rout绑定上一样,将转换应用于durandal的合成绑定?我的意思是如果我有

<div data-bind="compose: ActiveView, transition: 'entrance'"></div>

活动视图是一个可忽略的可见视图,当我更改它时,我希望具有过渡效果,就像在路由时使用一些进度环指示过渡过程一样

下面是我的viewmodel

import ko = require('knockout');
class Shell implements iModule
{
activate: (context: Object) => void;
ActiveView: KnockoutObservable<any>;
SwitchView: () => void;

constructor() {
    this.activate = this._activateCallback;
    this.ActiveView = ko.observable<string>('parts/welcome');
    this.SwitchView = this._activateView;
}

private _activateView() {
    this.ActiveView('parts/about');
}

private _activateCallback (ctx: Object) {

}
}
export = Shell;
import ko=require('knockout');
类Shell实现iModule
{
激活:(上下文:对象)=>void;
ActiveView:可观察到的敲除;
开关视图:()=>无效;
构造函数(){
this.activate=this.\u activateCallback;
this.ActiveView=ko.observable('parts/welcome');
this.SwitchView=this.\u activateView;
}
私人_activateView(){
this.ActiveView('parts/about');
}
私有_activateCallback(ctx:Object){
}
}
出口=外壳;

转换可用于任何组合绑定。不过,您的语法有一个错误。应该是这样的:

<div data-bind="compose: { model: ActiveView, transition: 'entrance' }"></div>

转换可用于任何组合绑定。不过,您的语法有一个错误。应该是这样的:

<div data-bind="compose: { model: ActiveView, transition: 'entrance' }"></div>

转换可用于任何组合绑定。不过,您的语法有一个错误。应该是这样的:

<div data-bind="compose: { model: ActiveView, transition: 'entrance' }"></div>

转换可用于任何组合绑定。不过,您的语法有一个错误。应该是这样的:

<div data-bind="compose: { model: ActiveView, transition: 'entrance' }"></div>


它只是删除旧视图并替换为新视图,但无法设置此过程的动画。它只是删除旧视图并替换为新视图,但无法设置此过程的动画。它只是删除旧视图并替换为新视图,但无法设置此过程的动画。它只是删除旧视图并替换为新视图一个没有任何能力使这个过程动画化的人