当前位置: 首页 > 面试题库 >

如果我更改angularjs中的视图,为什么我的Twitter小部件不呈现?

解晟睿
2023-03-14
问题内容

嗨,谢谢您的阅读。

我正在制作一个有角度的应用程序,而我发现一个问题。这样设置

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,twitter小部件将不再呈现。

我还使用了$ anchorScroll,如果我与此同时跳到页面上,小部件也消失了。任何信息将非常感谢。


问题答案:

看到这个帖子:https :
//dev.twitter.com/discussions/890

我认为您可以通过调用twttr.widgets.load()使小部件重新渲染。

如果发现这不起作用,则需要将此代码包装到$ timeout的控制器中:

    controller('MyCtrl1', ['$scope', '$timeout', function ($scope, $timeout) {
            $timeout = twttr.widgets.load();
    }])


 类似资料:
  • 我正在开发一个使用Xamarin的自定义键盘。 我的键盘视图对视图容器本身及其子键视图都有一个覆盖的OnDraw()。我还为每个视图适当地使用SetWillNotDraw(false)。它目前在我的Nexus 10平板电脑上的5.0.1中运行良好。 在Android 6.0.1中,在Nexus 6和Nexus 6P上,键盘视图可以正确地绘制自身(只是背景颜色)。然而,即使我遍历视图层次结构并强制对

  • 我希望在5秒钟后,输出改变by它停留在。这是为什么?我还需要做什么吗?

  • 问题内容: 因此,我的标签页布局如Android示例所示: 现在,在选项卡的活动之一中,我声明了一个按钮,并希望引入一个新视图。如果我创建一个新的意图,它将推送一个新的视图,并且选项卡都消失了。是否可以用新视图切换当前选择的视图? 问题答案: 是的,这很有可能..为此,您必须使用ActivityGroup。 而不是向TabHost添加活动。您必须添加ActivityGroup。每个活动组都有其活动

  • 在yii中,我正在创建一个项目。 现在我想创建用于显示新密码插入窗口的小部件。要重置密码,用户需要正确输入安全问题的答案。在此之后,他将获得两个单选按钮。一个标签是“在此处更改密码”,另一个标签是“发送密码重置链接到邮件”。 所以当用户点击第一个单选按钮时,这个小部件将被渲染,它将有两个文本字段用于输入新密码和重复密码,以及提交按钮。那么如何实现这个小部件。 我创建了简单的小部件说你好: 所以,如

  • 问题内容: 我熟悉Tkinter,并且尝试编写一个非常简单的程序,该程序使用包几何管理器在窗口中显示一个按钮。 我与各种配置选项试验,如,和,和我碰到一个特殊的问题。我写了以下代码: 问题在于按钮会在水平方向(而不是垂直方向)上展开以填充窗口。如果没有指定我使用,则得到的结果相同。另外,如果我指定的话,按钮不会向任一方向扩展。垂直方向上的填充似乎出了问题,我无法弄清楚它可能是什么。 我尝试使用Go

  • 当我试图在Django管理面板中查看我的产品时,出现以下错误。在我的产品模型中,我有“models.DecimalField”,我认为这很重要。Django错误描述 base.py第34行是一个函数: 更多信息:无效操作at/admin/products/products/ 产品/admin.py 来自django。contrib导入管理 从…起进口产品模型 管理地点登记册(产品)