javascript - AngularJS 在状态改变后重新初始化 JS

Question

我有来自 http://sharethis.com 的社交按钮我想放在我的应用程序的个人资料页面上。我正在使用 ui-router 进行状态管理和页面转换等。

我已将我从 sharethis 获得的代码放到我的 index.html 中:

<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "66053d76-64c6-4378-8971-aac043dbbc5d", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>

以及我个人资料页面上的标记:

<span class='st_twitter_hcount' displayText='Tweet'></span>
<span class='st_facebook_hcount' displayText='Facebook'></span>
<span class='st_googleplus_hcount' displayText='Google +'></span>

发生的事情是社交按钮仅在您刷新个人资料页面时加载(我猜这是预期的行为)。如果应用程序从主页引导，然后您转到个人资料页面，则它们不会被加载。

有什么技巧可以用来重新初始化或重新加载这些 javascript 文件吗？

Answer 1

我花了一些时间研究 sharethis 源代码，发现这个创建按钮的函数，在页面 Controller 上添加这个函数调用，这将添加按钮。

stButtons.makeButtons();