ngx-twitter-timeline angular binding data属性

Question

我试图以编程方式设置ngx-twitter-timeline的数据属性，我无法弄明白。

<ngx-twitter-timeline 
    [data]="{sourceType: 'url',
             url: 'https://twitter.com/twitterdev'}"
    [opts]="{tweetLimit: 5}">
</ngx-twitter-timeline>

我有一个在我的组件中正确设置（通过控制台记录它检查）的字段URL，我尝试了以下但没有工作

    [data]= {{url}}
    [data]= url
    [data]= "url"

npmjs上的示例仅显示硬编码的example

任何帮助，将不胜感激！

Answer 1

我的解决方案

<div *ngIf="undefined === name">Loading...</div>
<div *ngIf="'jeffgerstmann' === name">
  jeff ngx
  <ngx-twitter-timeline [data]="{sourceType: 'url', url: 'https://twitter.com/jeffgerstmann'}" [opts]="{tweetLimit: 5}"></ngx-twitter-timeline>
</div>
<div *ngIf="'alex_navarro' === name">
    alex ngx
    <ngx-twitter-timeline [data]="{sourceType: 'url', url: 'https://twitter.com/alex_navarro'}" [opts]="{tweetLimit: 5}"></ngx-twitter-timeline>
  </div>