@kuflink/angular-typed

angular-typed

Angular component for Typed.js. This project is currently in development state. Please do not use this in production.

Install

npm install --save @kuflink/angular-typed

Inside your @NgModule, add the TypedModule:

import { TypedModule }  from '@kuflink/angular-typed';

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

typed[options]

<typed [options]="myTypedOptions"></typed>

[options]:

• strings: ['These are the default values...', 'You know what you should do?', 'Use your own!', 'Have a great day!'],
• typeSpeed: 0,
• startDelay: 0,
• backSpeed: 0,
• smartBackspace: true,
• shuffle: false,
• backDelay: 700,
• fadeOut: false,
• fadeOutClass: 'typed-fade-out',
• fadeOutDelay: 500,
• loop: false,
• loopCount: Infinity,
• showCursor: true,
• cursorChar: '|',
• autoInsertCss: true,
• attr: null,
• bindInputFocusEvents: false,
• contentType: 'html',
• onComplete: (self) => {},
• preStringTyped: (arrayPos, self) => {},
• onStringTyped: (arrayPos, self) => {},
• onLastStringBackspaced: (self) => {},
• onTypingPaused: (arrayPos, self) => {},
• onTypingResumed: (arrayPos, self) => {},
• onReset: (self) => {},
• onStop: (arrayPos, self) => {},
• onStart: (arrayPos, self) => {},
• onDestroy: (self) => {}