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加载Twitter时间轴）

Answer 1

这是一篇介绍如何使用数据属性的帖子

How to bind to data-* attribute in angular2?

基本上，您应该使用以下

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

角度-无法绑定到“属性”，因为它不是“ a”的已知属性

1 个答案: