Question

我正在开发一个带有Skype聊天功能的简单angular2应用程序。我已按照此处的“入门”类别（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控件的配置，因此这种方法是传统的数据绑定方法。

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

2 个答案: