离子2 Twitter嵌入时间线消失

Question

我有下面显示的代码，但是在用户离开视图后，时间行消失了？

我们第一次进入视图时，时间表存在，但是当我们返回视图时，视图消失了。

这是我的代码

in 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");
    }
}

我尝试了几种方法，但没有找到任何解决方案，有人可以帮助我吗？

Answer 1

用这个

替换ngafterviewinit

!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");