ng-marquee-improved

Angular 7/8 CSS-based Scrolling Marquee (e.g. stock/news ticker, scrolling marquee)

[originally forked from https://github.com/shivarajnaidu/ng-marquee to address this issue]

How to:

Install using npm/yarn

   npm install ng-marquee-improved --save
   # OR
   yarn add ng-marquee-improved

Simple Example

Import Module

import { BrowserModule } from "@angular/platform-browser";
import { NgModule } from "@angular/core";
import { NgMarqueeModule } from "ng-marquee-improved";

import { AppComponent } from "./app.component";

@NgModule({
  declarations: [AppComponent],
  imports: [BrowserModule, NgMarqueeModule],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule {}

Component Usage

<ng-marquee>
  <mark>Hello, World....</mark>
</ng-marquee>

API

Input Properties

marqueeId property should be a unique string across all instances of ng-marquee in the DOM

duration property available for controlling speed of text movement (default value is 25 in seconds)

<ng-marquee duration="30" marqueeId="qwerty123">
  <mark>Hello, World....</mark>
</ng-marquee>