点击动画重复使用视图

Question

我有一种观点，我重复使用并提供了一个单击事件，以便用户认为他们正在更改页面。 这对我所需要的很好，但因为视图具有所有相同的文本，图像，用户会认为没有任何变化，因此没有选择。 当用户点击图像时，我将如何为用户界面设置动画效果？

private onCurrentLookSelected(args: CurrentLookSelectedEvent) { 
    this.hasCurrent(true); 
    ko.utils.arrayForEach(this._formulas(), (formula: FormulaValues) => { 
     formula.startingLevel(args.currentValue.startingLevel()); 
     formula.startingTone(args.currentValue.startingTone()); 
    }); 
    window.scrollTo(0, 0); 
} 

Answer 1

如果您在迪朗达尔这样做，我建议你设置你的路由器来为每个“页”不同的途径：

router.map([{ 
    title: 'Page 1', 
    route: 'first', 
    moduleId: 'viewmodels/reusable' 
},{ 
    title: 'Page 2', 
    route: 'second', 
    moduleId: 'viewmodels/reusable' 
}]) 

然后使用内置的动画插件：

app.setRoot('viewmodels/shell', 'entrance');