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}}">

（我正在像这个线程一样加载 twitter 时间线）

Answer 1

这是一篇解释如何使用数据属性的帖子

如何绑定到 angular2 中的 data-* 属性？

基本上，您应该使用以下内容

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