角度变量更新，但没有刷新的推文嵌入代码

Question

我正在使用Angular循环遍历数组中的一堆tweet id并将它们渲染到twitter嵌入代码所包围的页面。问题是变量正在更新但是twitter嵌入没有被刷新。这是它的样子：

HTML：

<!--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;
 }

第一条推文是嵌入正常，而下一个按钮确实更新了变量，推文嵌入不会改变。谁知道为什么？

Answer 1

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