Question

我有一个简单的angularjs应用程序，它具有非常标准的ng-view，如下所示：

    <div id="myContent">
        <div ng-view></div>
    </div>

我的主页部分包含推特列表：

<div class="container">
 <a class="twitter-timeline" width="1200" height='450' data-chrome="noheader nofooter noborders transparent"
data-tweet-limit="1" href="https://twitter.com/....."
data-widget-id="123.....">Tweets from
https://twitter.com/abc/def</a>
 <script> !function (d, s, id) {
 var js, fjs = d.getElementsByTagName(s)[0], p = /^http:/.test(d.location) ? 'http' : 'https';
 if (!d.getElementById(id)) {
                js = d.createElement(s);
                js.id = id;
                js.async=true;
                js.src = p + "://platform.twitter.com/widgets.js";
                fjs.parentNode.insertBefore(js, fjs);
            }
        }(document, "script", "twitter-wjs");</script>
    </div>

这在第一次访问部分时效果很好，推文列表在几秒钟后呈现，但在后续返回部分时，推文列表不会呈现，除非我进行页面刷新，只是显示一个链接：来自https://twitter.com/abc/def的推文。

有没有办法可以在我的控制器中调用刷新列表？我可以将它添加到$ timeout以在呈现页面时调用窗口小部件，但是我调用什么函数来使窗口小部件呈现？

否则，我是否需要直接查询twitter api（我想避免），并直接获取数据？

Answer 1

这里有一个答案：Why will my twitter widget not render if i change the view in angularjs?和此处：https://twittercommunity.com/t/cannot-update-tweet-button-with-ajax/16989/2

只是为了更容易看到这个问题得到解决（：

angularjs应用程序中的Twitter列表在初始加载后不会呈现

1 个答案: