Awesome Open Source
Awesome Open Source

angular-marquee

Marquee for AngularJS

There are a lot of jQuery marquee but most of them can't not work properly with AngularJS. Angular marquee is written for AngularJS and it works well when $scope data changes, you can play/pause marquee, change animation duration from $scope data. Most of the code was adapted from https://github.com/aamirafridi/jQuery.Marquee.

Usage:

Add angular-marquee to module dependencies:

angular
	.module('app', ['angular-marquee']);

Put angular-marquee directive to html template:

<div angular-marquee scroll="scroll" duration="duration">{{title}}</div>

Change marquee options from controller:

angular
	.module('app')
	.controller('appCtrl', function($scope) {
		$scope.title = "Hello World!";
		$scope.scroll = true;
		$scope.duration = 10000;
	});

Directive attributes:

scroll: toggle marquee animation

duration: duration in miliseconds which you want your element to travel

Alternatives To Angular Marquee
Select To Compare


Alternative Project Comparisons
Related Awesome Lists
Top Programming Languages
Top Projects

Get A Weekly Email With Trending Projects For These Topics
No Spam. Unsubscribe easily at any time.
Javascript (1,074,350
Angular (54,860
Animation (17,631
Angularjs (11,925
Duration (3,737
Marquee (353