路由器出口完成渲染后运行脚本

时间:2018-03-19 10:05:27

标签: javascript angular angular-routing facebook-comments angular-router

我想在我的应用程序中集成Facebook评论。

我已经放置了

<div class="detailed__comments">
    <div class="fb-comments" [attr.data-href]="href" data-numposts="5"></div>
</div>

在我的html文件和这个脚本中

ngAfterViewInit() {
        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s);
            js.id = id;
            js.src = 'https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.12&appId=225580208017079&autoLogAppEvents=1';
            fjs.parentNode.insertBefore(js, fjs);
        }(document, 'script', 'facebook-jssdk'));
    }

在我的app.component.ts ngAfterViewInit()中,但是,在某些情况下,脚本在呈现html之前运行,并且此html在router-outlet app.component.html文件中呈现。 router-outlet完成渲染后是否有任何事件要捕获?或者在html之后运行脚本的另一种方法。

P.S。在某些情况下,脚本会在呈现html后运行,并且可以很好地显示注释。

0 个答案:

没有答案