Веб-контроллер Skype - динамическая настройка идентификатора контакта

Question

Я работаю над простым приложением angular2 с помощью чата Skype. Я выполнил шаги, показанные в категории "Начало работы" здесь ( https://dev.skype.com/webcontrol), и заставил ее работать над моим приложением.

<span class="skype-button bubble " data-contact-id="johnskypeid"></span>

Используя этот фрагмент кода, я могу связаться с johnskypdid без проблем.

Но у меня проблемы с динамическим заданием значения для data-contract-id.

<span class="skype-button bubble " data-contact-id={{callSkypeId}}></span>

Как показано в этом фрагменте, у меня есть значение для переменной callSkypeId в моем .ts файл. Но когда я компилирую это, я получаю следующее сообщение об ошибке.

Can't bind to 'contact-id' since it isn't a known property of 'span'. ("  </div>    <span class="skype-button bubble " [ERROR ->]data-contact-id={{callSkypeId}}></span></div>

Поэтому я хочу знать, предоставляет ли скайп функцию для установки значений для "data-contact-id", или есть обходной путь для решения этой проблемы.

Заранее спасибо.

Answer 1

Я думаю, что это путь:

[attr.data-contact-id]="callSkypeId"

Ссылка: https://angular.io/guide/template-syntax

Answer 2

Я пробовал много способов сделать это, но наиболее эффективным способом было привязать значение следующим образом!

<span class="skype-button bubble " [attr.data-contact-id]="callSkypeId"></span>

Но эта конфигурация для веб-управления Skype больше не поддерживается, поэтому этот подход является традиционным методом привязки данных.