Package Exports

angular-typing-animation

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (angular-typing-animation) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Angular 4 Typing Animation Directive

Usage

Install node_module angular-typing-animation

$ npm install angular-typing-animation --save

Import TypingAnimationDirective to your AppModule

import { NgModule } from '@angular/core'
import { BrowserModule  } from '@angular/platform-browser'

import { AppComponent } from './app.component';
import { TypingAnimationDirective } from 'typing-animation'

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

Use it in your template

<span typingAnimation [typeSpeed]="20" [startDelay]="2000" (complete)="onComplete()">
</span>

For a full example, please check out this plunker example

Documentation

Properties

/**
 * @property {number} typeSpeed, type speed in milliseconds
 */
typeSpeed: 0,

/**
 * @property {number} startDelay, time before typing starts in milliseconds
 */
startDelay: 0,

/**
 * @property {boolean} condition, required condition for typing begin
 */
condition: true,

/**
 * @property {boolean} hideCursorOnComplete, hide cursor on typing complete
 */
hideCursorOnComplete: false,

/**
 * All typing is complete
 * @event TypingAnimation#complete
 */
complete: () => {},

Remarks

This is an fork from the javascript library Typed.js created for www.mattboldt.com