无法绑定，因为它不是“按钮”Angular 2的已知属性

Question

我使用snipcart.com作为我的电子商务/支付处理器。但是，在制作简单的HTML按钮时，我收到一个错误：

<button
    class="snipcart-add-item"
    data-item-id='{{id}}'
    data-item-name='{{listing.name}}'
    data-item-price='{{listing.price}}'
    data-item-weight="20"
    data-item-description="Random Description">
    Add To Cart
</button>

或者，我也试过这个：

<button
    class="snipcart-add-item"
    [data-item-id]='id'
    [data-item-name]='listing.name'
    [data-item-price]='listing.price'
    data-item-weight="20"
    data-item-description="Random Description">
    Add To Cart
</button>

这两个都给出了同样的错误。错误说： 无法绑定到“data-item-id”，因为它不是“Button”Angular 2的已知属性。我尝试绑定的每个输入都会产生错误。

最后，这是一个指向Snipcart文档的链接： https://docs.snipcart.com/configuration/product-definition