angular-timelinejs3目前支持Angular 6。要使用它,首先需要安装并添加angular-timelinejs3到您的Angular项目中。
npm install angular-timelinejs3 --save
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { TimelineModule } from 'angular-timelinejs3';
import { AppComponent } from './app.component';
@NgModule({
declarations: [AppComponent],
imports: [BrowserModule, TimelineModule],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {}
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
events = [
{
date: new Date(),
title: 'Event 1',
content: 'Event 1 Content'
},
{
date: new Date(),
title: 'Event 2',
content: 'Event 2 Content'
}
];
}
这样,您就可以使用angular-timelinejs3在Angular 6中创建时间轴了。