如何在打字稿/角度程序上使用 hubspot Conversations sdk？答案

【问题标题】：how to use hubspot Conversations sdk on typescript/angular program?如何在打字稿/角度程序上使用 hubspot Conversations sdk？
【发布时间】：2021-07-06 06:22:52
【问题描述】：

我得到了一些javascript代码表单https://developers.hubspot.com/docs/api/conversation/chat-widget-sdk

window.HubSpotConversations.widget.load();
window.HubSpotConversations.widget.refresh();
window.HubSpotConversations.widget.open();
window.HubSpotConversations.widget.close();

现在我想在 typescript/angular 程序的不同页面上隐藏或显示 HubSpot 聊天气泡，你知道吗？提前致谢

【问题讨论】：

标签： angular typescript hubspot

【解决方案1】：

要隐藏/删除 Hubspot 聊天气泡，您可以使用窗口中可用的方法，例如：

window.HubSpotConversations.widget.remove();

要再次加载它，您可以使用：

window.HubSpotConversations.widget.load();

或者，如果您想重置并重新加载（例如，如果您更改了某些用户信息）：

window.HubSpotConversations.widget.resetAndReloadWidget();

此外，对于打字稿，您需要为要使用的元素添加一个类型，例如：

declare global {
  var HubSpotConversations: {
    widget: {
      remove: () => void;
      load: () => void;
    };
  };
}

您可以查看文档：https://developers.hubspot.com/docs/api/conversation/chat-widget-sdk

【讨论】：

虽然此链接可能会回答问题，但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改，仅链接的答案可能会失效。
正如@ConnorLow 提到的，链接资源会随着时间而改变。从链接页面中提取相关信息并将其包含在答案中是确保未来有相同问题的访问者获得适当答案的最佳方式。
请添加更多详细信息以扩展您的答案，例如工作代码或文档引用。