Javascript 角度变量更新，但不刷新tweet，在其周围嵌入代码

我使用Angular在数组中循环浏览一组tweet id，并将它们呈现到由twitter嵌入代码包围的页面。问题是变量正在更新，但twitter嵌入没有刷新。下面是它的样子：

HTML:

---

第一条tweet嵌入良好，而next按钮确实更新了变量，tweet嵌入没有改变。有人知道为什么吗？

我在索引上添加了$watch语句，并用新变量呈现了整个twitter嵌入代码。似乎已经解决了这个问题

<!--output the variable for testing (works fine)-->

{{tweets[index].twitterID}} 


<!--twitter embed code wrapped around the above variable -->

<blockquote class="twitter-tweet" width="500" align="center" lang="en">
    <a ng-href="https://twitter.com/user/statuses/{{tweets[index].twitterID}}"></a>
    <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
</blockquote>


<!--button to cycle to next tweet-->

<div id="btn" ng-click="increment()">Next</div>

$scope.tweets = [] //my tweets json object

$scope.index = 0;
$scope.increment = function () {
     $scope.index = $scope.index + 1;
 }