ng-route-ext

Extended version of AngularJS ngRoute module that supports namings and different animations between views

Angular Core Dependency: latest

Module License: MIT

Added by: Sam Deering

GitHub

Repository

allaud/ng-route-ext

Stats

Stars: 4

Watchers: 4

Forks: 3

Module Description

AngularJS module for simple routing with animations support

The problem

One of the worst pains of the original ngRoute module is weak animations support. It only supports one type of animation for all views changes. The main idea of this module is to provide support for different animations for different views (e.g. next and previous pages animated with left and right transitions, or flip left/right between some kind of pages).

Solution

The module provides small extention of Angular's DSL for describing routes. So that you can use different animations for different views.

Example

$routeProvider
  .when('/',
    templateUrl: 'index.html'
    controller: 'IndexController'
    name: 'index'
    animations:
      pictures: ['slide-to-top', 'slide-from-bottom']
  )
  .when('/pictures',
    templateUrl: 'pictures.html'
    controller: 'PicturesController'
    name: 'pictures'
    animations:
      form: ['slide-from-bottom', 'slide-to-top']
  )

Demo

Please check out the demo here

Module stats last updated: 2015-06-04 11:09:24

Disclaimer: Some data on this page may have been gathered from the authors GitHub respository. If you see any mistakes or outdated information please let us know. Thanks!