свойство данных угловой привязки ngx-twitter-timeline

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показывает только жестко пример

Любая помощь будет оценена!

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>