2017-05-31 53 views
1

我有下面显示的代码,但是在用户离开视图后时间线消失?Ionic 2 twitter嵌入时间线消失

我们第一次去视图时间线存在,但当我们返回视图消失。

这里是我的代码

index.html中

<!-- Timeline Twitter --> 
    <script src="http://platform.twitter.com/widgets.js"></script> 

    <!-- cordova.js required for cordova apps --> 
    <script src="cordova.js"></script> 

在Twitter.html

<ion-content> 
    <ion-grid > 
     <ion-row> 
      <!--Timeline Twitter --> 
      <a id="twitter" class="twitter-timeline" 
       data-tweet-limit="10" 
       data-chrome="noscrollbar nofooter" 
       href="https://twitter.com/UnivLaRochelle">Tweet de L'université de la Rochelle</a> 
     </ion-row> 
    </ion-grid> 
</ion-content> 

在Twitter.ts

import { Component } from '@angular/core'; 
import { NavController } from 'ionic-angular'; 

@Component({ 
    selector: 'page-twitter', 
    templateUrl: 'twitter.html', 
}) 
export class twitterPage { 

    constructor(public navCtrl: NavController) { 

    } 
    ngAfterViewInit() { 
     !function(d,s,id){ 
      var js: any, 
       fjs=d.getElementsByTagName(s)[0], 
       p='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"); 
    } 
} 

我尝试了几种方法,但我还没有找到任何解决办法,有人可以帮我吗?

回答

1

与这一个

!function(d,s,id){ 
     var js: any, 
      fjs=d.getElementsByTagName(s)[0], 
      p='https'; 
      js=d.createElement(s); 
      js.id=id; 
      js.src=p+"://platform.twitter.com/widgets.js"; 
      fjs.parentNode.insertBefore(js,fjs); 
    } 
    (document,"script","twitter-wjs"); 
更换ngAfterViewInit