Comments (12)
They begin here
from angular-gsapify-router.
Is this better than angular-ui-router-anim-in-out?, Will it be supported for long time?, Is it constantly developed or just a one time development project?
from angular-gsapify-router.
Its an alternative to that plugin, this is one is more recent.
The key difference is that this plugin is way more configurable - for example you can use functions to define transitions and set a priority to vary transition depending on to/from state. It also has more events to hook up to.
Additionally it uses JS rather than CSS for the transitions which means you can more easily create complex transitions of multiple properties.
I use it in virtually all my projects so its well maintained. It should always work with angular 1.x and ui-router as these projects have both reached maturity and are unlikely to change.
from angular-gsapify-router.
I see, isn't it available through bower?
from angular-gsapify-router.
How do I add TweenMax? Is it the same as install gsap? bower install gsap --save
?
from angular-gsapify-router.
Yep bower too, but npm seems better setup for build tools out of the box. Each to their own of course ; )
from angular-gsapify-router.
Ok, I'll move to npm, but I don't know how to load npm modules in the client index.html
right now...
from angular-gsapify-router.
it depends on your project as a whole for how you include tweenmax but the example shows one way of doing it
from angular-gsapify-router.
you can just use a script tag if not using a build tool
from angular-gsapify-router.
Hmmm, any tutorial link?, what build tool would you recommend?
from angular-gsapify-router.
I think the demo is linked in the description, or else you can look at the example folder of the repo.
from angular-gsapify-router.
I'd recommend learning the fundamentals first. Get to grips with gulp then try webpack
from angular-gsapify-router.
Related Issues (20)
- Set animation with state.go HOT 2
- Angular 1.3.7 HOT 1
- Laggy Performance on iOS HOT 3
- Modal hidden HOT 3
- Page (state?) moves down when clicking HOT 6
- What's the src file? HOT 2
- Issues with transitions and ui-view HOT 1
- transition on first load of state, no previous state HOT 8
- TweenMax not defined HOT 1
- Could not resolve '' from state 'gsapifyRouterBlankState' HOT 8
- Using resolve inside the router gives gsapifyRouterBlankState error HOT 1
- Slider previous and next HOT 2
- Not working with angular material HOT 3
- State not re-resolved properly by forced initial transition
- Missing content on page after transition HOT 3
- Leave blocks and priority not honored with ui-router 1.0 HOT 3
- Angular Type Checking not the same as previous logic HOT 2
- not firing gsapify router on initial app load HOT 5
- Get Error: undefined is not an object (evaluating 'state.data') HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-gsapify-router.