角2& Intercom.io

Question

我想在我的角2应用程序中使用对讲机。

对讲SPA指令是这里

我已经将脚本块放在我的index.html页面的头上，我的下一个想法是将以下内容放在我的app组件中

ngOnInit()
{
    window.Intercom("boot", {
app_id: "abcd",
name: "Jane Doe", // Full name
email: "customer@example.com", // Email address
created_at: 1312182000 // Signup date as a Unix timestamp
});

但是，它不会编译语句ts。

属性“Intercom”在“窗口”类型上不存在。

我如何利用Angular2和webpack让这件事继续进行下去呢？

Answer 1

我找到了将对讲机与角2集成的答案。

更新角2的对讲机指令，而不是这样：

 window.Intercom("boot", {
    app_id: "abcd",
    name: "Jane Doe",
    email: "customer@example.com", 
    created_at: 1312182000 
    });

用它来使它工作：

(<any>window).Intercom("boot", {
app_id: "abcd",
name: "Jane Doe", 
email: "customer@example.com",
created_at: 1312182000 
});

Answer 2

我叫马丁，我是对讲机的客户支持主管之一。遇到了这个问题。

该错误看起来像是对讲机库没有加载。您是否在代码中包含了此脚本。用你的应用程序切换{app_id} app_id？一定有人叫它吗？

(function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',intercomSettings);}else{var d=document;var i=function(){i.c(arguments)};i.q=[];i.c=function(args){i.q.push(args)};w.Intercom=i;function l(){var s=d.createElement('script');s.type='text/javascript';s.async=true;
    s.src='https://widget.intercom.io/widget/{app_id}';
    var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})()

如果您已经看到了，但您仍然看到了这个问题，那么最好在右下角的对讲机上通过我们的信使进行联系。或者给team@intercom.io发一封电子邮件，我们可以在那里跟你一起跟进！

Answer 3

您可以将窗口声明为：declare let window:any;

然后只需正常使用window.Intercom：window.Intercom('update');