如何在Angular 6应用程序中嵌入Twitter时间轴

时间:2018-05-29 14:23:48

标签: angular

我想将Twitter时间线嵌入到Angular 6应用程序中,但我找不到一个好的解决方案。这就是我尝试过的:

  • 将Twitter生成的代码放在" publish.twitter.com'进入index.html。
  • 安装ngx-twitter-timeline包。我得到了这个警告,因为我使用的是Angular 6和RxJS 6,所以我卸载了它:

enter image description here

  • 安装ng4-twitter-timeline包。它似乎有严重的漏洞:

enter image description here

我怎么能得到它?提前谢谢,

2 个答案:

答案 0 :(得分:1)

正如我所读到的,由于CORS安全机制,没有以Angular方式获取Twitter时间表。但是,我发现了一些使用NodeJS的好教程,比如这个:

http://thelillysblog.com/2017/02/26/getting-twitter-feed-angular-nodejs/

答案 1 :(得分:0)

对我来说很好:

index.html

<head>
   <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</head>

app.component.html

<a class="twitter-timeline" data-theme="dark" data-link-color="#2B7BB9"  href="https://twitter.com/TwitterDev?ref_src=twsrc%5Etfw">
   Tweets by TwitterDev
</a>

来源:https://developer.twitter.com/en/docs/twitter-for-websites/timelines/overview.html