在角度ng视图中嵌入推文

时间:2013-01-26 15:56:10

标签: angularjs

我想在ng-view部分内部使用embeded tweets但由于某种原因它无效。如果我把它放在partial之外(直接在index.html中)它可以工作。 有没有人知道如何解决这个问题?

2 个答案:

答案 0 :(得分:5)

问题是加载了tweeter脚本和你的main.html的顺序:当在widget.js之前加载mail.html时,tweeter的脚本无法找到你的backquote元素并以良好的方式呈现它。

您可以将<script ...>放入main.html,但在这种情况下请记住,Angular的jqLit​​e不支持部分中的<script>标记,通过XHR加载。所以你需要在angular之前包含真正的jQuery。

这是一个Plunker:http://plnkr.co/edit/rQUThnZNAyJQGFIwflGk?p=preview

答案 1 :(得分:4)

它接缝我们需要再次调用twitter js - 这与Angularjs无关。由于Angular js局部视图不会立即呈现,因此会发生问题。解决方案是在加载部分后再次调用js文件:

$timeout(function() {
    $.ajax({ url: 'http://platform.twitter.com/widgets.js', dataType: 'script', cache:true});
}, 1000);

请参阅:Re-render Tweet button via JS