點擊動畫重複使用視圖

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