Невозможно привязать, поскольку это не известное свойство Angular 2 "Button"

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