Почему мой твиттер-виджет не рендерится, если я изменю представление в angularjs?
Привет и спасибо за чтение.
У меня есть угловое приложение, которое я делаю, и я наткнулся на проблему. настроить так
index.html-
<html ng-app="myApp">
...
<div ng-view></div>
<div ng-include="'footer.html'"></div>
...
</html>
Я не буду ставить мои маршруты довольно просто / home показывает /home/index.html и так далее ...
/home/index.html (вид по умолчанию, когда вы заходите на сайт)
<div class="responsive-block1">
<div class="tweet-me">
<h1> tweet me </h1>
</div>
<div class="twitter-box">
<twitter-timeline></twitter-timeline>
</div>
директива временной шкалы Twitter
directives.directive("twitterTimeline", function() {
return {
restrict: 'E',
template: '<a class="twitter-timeline" href="https://twitter.com/NAME" data-widget-id="XXXXXXXXXXXXXX">Tweets by @NAME</a>',
link: function(scope, element, attrs) {
function run(){
(!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.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"));
console.log('run script');
};
run();
}
};
});
Итак, я только что создал базовую директиву twitter, используя тег из twitter. Но когда я изменяю пример представления на / blog, затем возвращаюсь в / home, виджет твиттера больше не рендерится вообще.
Я также использую $ anchorScroll, и если я перехожу в любом случае на странице с этим, виджет также исчезает. Любая информация будет здорово, спасибо.