如何在 Angular 5 中实现 Freshchat 小部件答案

【问题标题】：How to implement Freshchat Widget in Angular 5如何在 Angular 5 中实现 Freshchat 小部件
【发布时间】：2019-02-25 12:30:21
【问题描述】：

我有一个基于 Angular 5 的 Web 应用程序。我需要在其中实现 Freshchat 小部件。但问题是他们的文档只有 Vanilla JavaScript 实现，没有基于 Angular 的 Web 应用程序的文档。

来自他们在https://developers.freshchat.com/的文档

我需要在登录页面上添加匿名用户的小部件，一旦用户登录，小部件应该有用户的最后一次对话，以便用户可以恢复他/她的查询。

https://developers.freshchat.com/#restore-user 中显示的示例代码恢复用户的对话非常令人困惑，因为我们应该在调用 init() 方法之前获取 restoreId，如果我们根据他们的文档在关闭 index.html 文件中的 body 标记之前调用 init 方法，我认为我们不能。

请帮帮我，我如何在我的 Angular 应用中实现这个聊天小部件？

任何帮助将不胜感激。谢谢！

【问题讨论】：

我在同一个位置。你解决了吗？
@TzviGregoryKaidanov 我曾与他们的支持团队聊天，他们已提出支持票并将通过电子邮件回复。希望他们能尽快提供任何解决方案。

标签： javascript angular angular5

【解决方案1】：

@Sushmit @Tzvi Gregory Kaidanov 您可以像下面的代码一样创建服务并在您的index.hmtl 标头标签中添加widget.js

import { Injectable } from '@angular/core';
@Injectable({
  providedIn: 'root'
})
export class FreshchatService {
  init(){
    (<any>window).fcWidget.init({ token:'####-####-######', host : 'DOMAIN_URL'});
  }
}

然后使用freshchatService.init() 调用它

【讨论】：