angular-timelinejs3将支持Angular 6吗?
创始人
2024-10-21 08:30:17
0

angular-timelinejs3目前支持Angular 6。要使用它,首先需要安装并添加angular-timelinejs3到您的Angular项目中。

  1. 安装angular-timelinejs3库:
npm install angular-timelinejs3 --save
  1. 在您的Angular项目中,打开src/app/app.module.ts文件,并导入TimelineModule:
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 {}
  1. 在您的组件模板中,使用timeline标签来显示事件列表。例如,在src/app/app.component.html中:

  1. 在您的组件类中,定义事件数组。例如,在src/app/app.component.ts中:
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'
    }
  ];
}
  1. 运行您的Angular项目,并在浏览器中查看结果。

这样,您就可以使用angular-timelinejs3在Angular 6中创建时间轴了。

相关内容

热门资讯

外挂技法!德扑之心免费透视,哈... 外挂技法!德扑之心免费透视,哈糖大菠萝免费辅助器-一贯有辅助神器(哔哩哔哩)1、进入游戏-大厅左侧-...
外挂绝活!fishpoker透... 外挂绝活!fishpoker透视,智星菠萝有挂吗-真是一直总是有辅助教程(哔哩哔哩)1、实时智星菠萝...
外挂法子!哈糖大菠萝助手,xp... 外挂法子!哈糖大菠萝助手,xpoker辅助-切实是真的有辅助工具(哔哩哔哩)1、许多玩家不知道哈糖大...
外挂手册!德普之星透视辅助插件... 外挂手册!德普之星透视辅助插件,sohoo竞技联盟辅助器-真是真的是有辅助插件(哔哩哔哩)1、完成s...
外挂技法!悦扑克脚本,佛手大菠... 外挂技法!悦扑克脚本,佛手大菠萝辅助-果然真的是有辅助教程(哔哩哔哩)1)佛手大菠萝辅助有没有挂:进...
外挂妙招!德普之星app安卓版... 外挂妙招!德普之星app安卓版破解版,智星菠萝可以辅助吗-果然是有辅助app(哔哩哔哩)暗藏猫腻,小...
外挂办法!poker worl... 外挂办法!poker world辅助,哈糖大菠萝万能挂-原来一直总是有辅助插件(哔哩哔哩);1、任何...
外挂办法!xpoker辅助,p... 外挂办法!xpoker辅助,pokerrrr2辅助-其实是有辅助软件(哔哩哔哩)1、pokerrrr...
外挂积累!poker mast... 外挂积累!poker master辅助,xpoker辅助工具-本来是有辅助技巧(哔哩哔哩)一、pok...
外挂课程!约局吧德州可以透视吗... 外挂课程!约局吧德州可以透视吗,德普之星怎么设置埋牌-本来一直总是有辅助技巧(哔哩哔哩)1、该软件可...