Angular - не может связываться с 'свойством', так как оно не является известным свойством 'a'

Question

У меня есть два объекта

{
  "twitter": {
    "username": "potus",
    "postslimit": 10
  },
  "enum": [],
  "publicationdate": "2018-08-27T15:05:55.410Z",
  "_id": "5b8414ec3412b43a34f050cf",
  "clicks": [],
  "active": true,
  "user": " __ ",
  "type": "twitter",
  "__v": 0
}

Если я отображу:

<a 
  class="twitter-timeline" 
  data-tweet-limit="2" 
  href="https://twitter.com/{{tw.twitter.username}}">
</a>

все работает нормально, но когда я пытаюсь связать data-tweet-limit так:

<a 
  class="twitter-timeline" 
  data-tweet-limit="{{tw.twitter.postslimit}}"
  href="https://twitter.com/{{tw.twitter.username}}">
</a>

Я получаю:

Невозможно связать с 'tweet-limit', так как это не известное свойство 'a'. ( "'"> ] data-tweet-limit = "{{tw.twitter.postslimit}}" href = "https://twitter.com/{{tw.twitter.username}}">

(я загружаю временную шкалу твиттера вот так thread )

Answer 1

Вот пост, объясняющий, как использовать атрибуты данных

Как связать с атрибутом data- * в angular2?

В основном, вы должны использовать следующее

[attr.data-tweet-limit]="tw.twitter.postslimit"