alflennik / au7

Aurelia Framework7: A Lightweight Mobile App Platform
140 stars 10 forks source link

Toggle toolbars based on view, problem with transition animation #8

Open weoreference opened 7 years ago

weoreference commented 7 years ago

Hello : )

(Referring to the demo app):

Suppose in app.js, my views objects also define what toolbar each view will use:

 this.views = [{
            name: 'index',
            navTitle: 'Home',
            moduleId: './pages/index/index',
            nav: true,
            homepage: true,
            toolbar: 'main-toolbar',
        }, 
            name: 'second-page',
            navTitle: 'Second Page',
            moduleId: './pages/other-page/other',
            nav: true,
            toolbar: 'main-toolbar',
        }, {
            name: 'other-page',
            navTitle: 'Other Page',
            moduleId: './pages/other-page/other',
            nav: true,
            toolbar: 'other-toolbar',
        }]

Note that:

My wish is achieving the following outcome:

However, I have not been able to achieve this outcome...

My problem in app.html is as follows:

What would be a common pattern for addressing this category of problem?

Thank you -Andy