2014-02-19 3 views
0

есть ли какой-либо переход, который может быть применен к композиции, привязанной к дюрандалю, так же как к привязке к развязке? что я имею в виду, что если у меня естьdurandal composition animation

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

Активный вид является Knockout Observable и когда я могу изменить его, я хотел бы иметь эффект перехода, как в то время как маршрутизация с некоторым прогрессом кольцом, указывающим процесс перехода.

вот как мой 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; 
+0

он просто удаляет старый вид и заменяет его новым без какой-либо возможности анимировать этот процесс –

ответ

3

Переходы работать с любым сочинить связывания. Однако у вас есть ошибка в синтаксисе. Он должен выглядеть так:

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