ng-typed

Angular 6 Ng Typed animation Directive

Installation

ng-typed is available via npm

Using npm:

$ npm install ng-typed --save

• Import NgTypedModule to your AppModule

import { NgModule } from '@angular/core'
import { BrowserModule  } from '@angular/platform-browser'
 
import { AppComponent } from './app.component';
import { NgTypedModule } from 'ng-typed'
 
@NgModule({
    imports: [
        BrowserModule,
        NgTypedModule
    ],
    declarations: [
        AppComponent
    ],
    bootstrap: [AppComponent]
})
export class AppModule {}

• Use it in your template

<span [ng-typed]="{speed: 40, timeout: 1000}"></span>
 

Demo

• Working Demo

@Input("ng-typed")

• speed
• timeout
• hideCursorOnComplete
• hideCursorOnStart
• text
• cursor (default: '|')

@Output("complete")

Creator

Vladimir Antin

• @GitHub