2013-08-19 13 views
1

我正在尝试在我的AngularJS应用程序中集成intercom.io。在angularjs中集成外部脚本和参数

脚本有一些参数的满载之前配置:

<script id="IntercomSettingsScriptTag"> 
    window.intercomSettings = { 
    // TODO: The current logged in user's email address. 
    email: "[email protected]", 
    // 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> 

我试图用{{data.email}}来代替电子邮件,但不幸的是,初始化脚本得到intercomSettings之前加载。 ng-cloak对我来说不是很有用,因为它只是为演示目的而设计的。

我不知道我应该在哪个方向寻找。 要测试我的代码:http://plnkr.co/edit/2PJNLukBx0cTOPZXNwqs?p=preview

如果应用程序有效,您应该在窗口右下方得到一个小问号。

回答