Question

我使用的是通过twitter嵌入twitter feed窗口小部件，只需使用脚本标签

        <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>

和页面上的html标签。这很好。但是，就我而言，该URL来自服务器端。这对我不起作用，因为似乎在html标记呈现时，服务器端无法使用url值。

，并且可用时，twitter小部件不会刷新以获取新的URL。

标签如下所示

 <a class="twitter-timeline" [href]="core.twitterFeed">Twitter Feed</a>

如何通过等待触发来使其工作？我已经尝试过执行以下操作，但这不起作用


    <mat-card-content *ngIf="core.twitterFeed != undefined">
        <a class="twitter-timeline" [href]="core.twitterFeed">Twitter Feed</a>

    </mat-card-content>

Answer 1

您可以尝试订阅路由器的事件，并在URL符合您的条件时将标志设置为true

isBrowser = false;

ngOnInit() {
this.subscription = router.events.subscribe(e => {
    if(e instanceof NavigationEnd){
      this.isBrowser = true;
    }
  });
}

并使用此标志显示您的元素

<mat-card-content *ngIf="isBrowser">
    <a class="twitter-timeline" [href]="core.twitterFeed">Twitter Feed</a>
</mat-card-content>

以成角度的角度动态加载twitter-feed

1 个答案: