Skype 网络控制器 - 动态设置联系人 ID

Question

我正在开发一个带有 Skype 聊天功能的简单 angular2 应用程序。我已按照此处 ("Getting started" 类别 (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>

如该片段所示，我的 .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' 设置值的功能，或者是否有解决此问题的解决方法。

提前致谢。

Answer 1

我认为这是要走的路：

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

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

Answer 2

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

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

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

Skype 网络控制器 - 动态设置联系人 ID

Skype web controller - Setting up contact id dynamically

javascript

skype

skypedeveloper

angular