如何在 Angular 6 中使用 angular-timelinejs3？
Posted
技术标签:
【中文标题】如何在 Angular 6 中使用 angular-timelinejs3？【英文标题】：How to use angular-timelinejs3 in angular 6? 【发布时间】：2018-07-30 12:37:07 【问题描述】：对不起，正如我提到的那样。我是 Angular 6 的新手。我已经看到了这个链接 https://www.npmjs.com/package/angular-timelinejs3?activeTab=readme，当我尝试在 Angular 6 中进行操作时。我卡在中间，因为他们说“将依赖项添加到时间轴你的 Angular 模块：ngTimeline”这意味着哪一个?.
我安装了 angular-timelinejs3。将 css 和 javascript 添加到 index.html.When 我把 指示： 在 app.component.html 中。我怎样才能在 angular 中导入 ng-timeline js3。我得到了错误。模板解析错误。有人可以帮我吗？
In Index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Trial</title>
<link rel="stylesheet" href="https://cdn.knightlab.com/libs/timeline3/latest/css/timeline.css">
<script src="/node_modules/angular/angular.js"></script>
<script src="https://cdn.knightlab.com/libs/timeline3/latest/js/timeline.js"></script>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body>
<app-root></app-root>
</body>
</html>
In app.module.ts
import BrowserModule from '@angular/platform-browser';
import NgModule from '@angular/core';
import AppComponent from './app.component';
//import NgTimelineModule from 'ng-timeline';
@NgModule(
declarations: [
AppComponent
],
imports: [
BrowserModule
],
providers: [],
bootstrap: [AppComponent]
)
export class AppModule
In app.component.html
<timeline control="timeline" options="options"></timeline >
In app.component.ts
import Component, OnInit from '@angular/core';
//import 'ng-timeline';
//import 'angular-timelinejs3';
//import * as timeline from 'ng-timeline';
@Component(
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
)
export class AppComponent implements OnInit
ngOnInit(): void
【问题讨论】：
嗨！请附上minimal reproducible example。 @msanford 兄弟！够了吗？ 感谢编辑，那一定更好。最好将错误发布为文本而不是图像（谷歌可以通过这种方式找到它，并且更具可读性）。 【参考方案1】：这个 Angular-timelinejs3 包只支持 Angular JS。缺少对 Angular 2+ 的支持。请找到支持 Angular 2+ 的备用时间线包。
【讨论】：
以上是关于如何在 Angular 6 中使用 angular-timelinejs3？的主要内容，如果未能解决你的问题，请参考以下文章
如何在 Angular 6 中使用 HttpClient 禁用缓存