Angular 4+ 键入的动画指令

Angular 4+ 键入的动画指令
插件名称 angular-typing-animation
发布时间 2020年6月9日
插件作者 EliasBF

一个Angular 4+指令,用于在Web应用程序上实现键入动画。

安装:

# NPM
$ npm install angular-typing-animatio --save

使用:

安装node_module angular-typing-animation

$ npm install angular-typing-animation --save

将TypingAnimationModule导入到您的AppModule

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

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

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

在模板中使用它

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