将外部脚本与angularjs中的参数集成

我正在尝试将intercom.io集成到我的AngularJS应用程序中

在完全加载之前，脚本有一些参数需要配置：

<script id="IntercomSettingsScriptTag">
  window.intercomSettings = {
    // TODO: The current logged in user's email address.
    email: "john.doe@example.com",
    // TODO: The current logged in user's sign-up date as a Unix timestamp.
    created_at: 1234567890,
    app_id: "95b20cd5364bab3a2136e252d2862b8136aabe7e"
  };
</script>
<!-- Init script -->
<script>(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://static.intercomcdn.com/intercom.v1.js';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);}if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}};})()</script>

window.com设置={
//TODO:当前登录用户的电子邮件地址。
电子邮件：“约翰。doe@example.com",
//TODO:作为Unix时间戳的当前登录用户的注册日期。
创建地址：1234567890，
应用程序id：“95B20CD5364BAB3A21336E252D2862B8136AABE7E”
};
（function（）{var w=window；var ic=w.Intercom；if（type of ic==“function”）{ic（'reatach_activator'）；ic（'update'，interscontsettings）；}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='fonthttps://static.intercomcdn.com/intercom.v1.js“；var x=d.getElementsByTagName（'script'）[0]；x.parentNode.insertBefore（s，x）；}if（w.attachEvent）{w.attachEvent（'onload'，l）；}else（w.addEventListener（'load'，l，false）；}}}；”

我尝试使用{{data.email}}替换电子邮件，但不幸的是，初始化脚本在设置之前加载。ng斗篷对我来说不是很有用，因为它只是为演示目的而设计的

我不确定我应该朝哪个方向寻找。 要测试我的代码：

---

如果可行，您应该在窗口的右下角打一个问号。

我不确定您是否已经找到了解决方案，但您应该看看这个：

它基本上将对讲机脚本包装成angular，所以您可以在应用程序中使用指令

---

这是的改进版-他们删除了一些不必要的代码

如果您仍然感兴趣，我将angular intercom更新为最新的intercom api。通过更好地处理异步脚本加载，为用户简化了服务