ngx-time-line-library

TimeLineLibrary

This project was generated with Angular CLI version 1.4.4.

installing

npm install ngx-time-line-library --save

using

import TimelineModule

.....
import {TimelineModule} from 'ngx-time-line-library';
 
@NgModule({
  ....
  imports: [
    TimelineModule,
    ....
  ],
  ...
})
export class AppModule { }

template html

<app-timeline [items]="dataItems"></app-timeline>

test data format

dataItems: any[] = [
    {
      name: 'name',
      url: 'https://images.pexels.com/photos/159353/survey-opinion-research-voting-fill-159353.jpeg?w=1260&h=750&auto=compress&cs=tinysrgb',
      description: 'description',
      date: new Date(2016, 6, 28)
    },
    {
      name: 'name',
      url: 'https://images.pexels.com/photos/8769/pen-writing-notes-studying.jpg?w=1260&h=750&auto=compress&cs=tinysrgb',
      description: 'description',
      date: new Date(2016, 6, 30)
    },
    {
      name: 'name',
      url: 'https://images.pexels.com/photos/459793/pexels-photo-459793.jpeg?w=1260&h=750&auto=compress&cs=tinysrgb',
      description: 'description',
      date: new Date(2016, 7, 15)
    }
  ];