angular - 如何在 Angular 6 应用程序中嵌入 Twitter 时间线

标签 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

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

    最佳答案

    您不需要安装任何软件包:

    index.html :

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

    app.component.html :
    <a class="twitter-timeline" href="https://twitter.com/TwitterDev?ref_src=twsrc%5Etfw">
       Tweets by TwitterDev
    </a>
    

    app.component.ts :
    ngAfterViewInit(): void {
        (<any>window).twttr.widgets.load();
    }
    

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

    关于angular - 如何在 Angular 6 应用程序中嵌入 Twitter 时间线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50586799/

    相关文章:

    angular - 类型错误 : Cannot read property 'canDeactivate' of null

    从 : npm i angular-star-rating 开始的 Angular 星级

    javascript - 如何在 Angular Material 表中始终显示两种类型的行

    angular - 如何在 Angular 2 中创建单例服务?

    javascript - Angular Material 样式类不起作用

    javascript - 如何使用 Angular 6 中的自定义指令呈现动态生成的内联 SVG

    angular - 如何在 Angular 中获取 DOM 元素的样式?

    angular - 如何使用 ContentChildren 和 QueryList 重新排序子项

    angular - 具有多种内容类型的 ContentChildren

    javascript - 使用 1 个数组条件和外部 bool 条件过滤数组