Skype Web 控制器 - 动态设置联系人 ID答案

【问题标题】：Skype web controller - Setting up contact id dynamicallySkype Web 控制器 - 动态设置联系人 ID
【发布时间】：2017-12-27 11:42:00
【问题描述】：

我正在开发一个带有 Skype 聊天功能的简单 angular2 应用程序。我已按照此处 (https://dev.skype.com/webcontrol) 的“入门”类别中显示的步骤操作，并让它在我的应用程序上运行。

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

使用此代码 sn-p，我可以毫无问题地联系 johnskypdid。

但我在动态设置“data-contract-id”的值时遇到了麻烦。

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

如这个 sn-p 所示，我的 .ts 文件中有一个 callSkypeId 变量的值。但是当我编译这个时，我收到以下错误消息。

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>

所以我想知道 Skype 是否提供了为“data-contact-id”设置值的功能，或者是否有解决此问题的解决方法。

提前致谢。

【问题讨论】：

标签： javascript angular skype skypedeveloper

【解决方案1】：

我认为这是要走的路：

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

参考：https://angular.io/guide/template-syntax#attribute-class-and-style-bindings

【讨论】：

【解决方案2】：

我尝试了很多方法来完成这个，但最有效的方法是绑定值如下！

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

但是这个skype web control的配置已经不支持了，所以这种方式是传统的数据绑定方式。

【讨论】：