如何在IONIC2中使用getElementsByTagName和document.createElement

时间:2018-06-28 15:21:58

标签: typescript ionic-framework ionic2 ionic3

我正在尝试将小部件添加到我的应用程序中,即显示数据,但是即使在我要返回主页时,问题也始终显示在固定位置的顶部,它一直在显示数据,我认为问题是.ByTagName和.createElemen,如何解决?

在chart.html

<ion-content padding>
  <ion-row>
    <ion-col >
      <div id='chart'>
      </div>
    </ion-col>
  </ion-row>
</ion-content>

在图表上。

 ionViewDidLoad() {
    console.log('ionViewDidLoad ChartPage')
    this.chart();
  }


chart(){
  console.log("THis is chart loading....");
  var baseUrl = "https://widgets.cryptocompare.com/";
  var scripts = document.getElementsByTagName("div");
  var embedder = scripts[ scripts.length - 1 ];
  var cccTheme = {"General":{"background":"#000"},"BigPrice": 
  {"color":"#FFF"},"SmallPrice":{"color":"#FFF"},"Chart": 
  {"labelColor":"#FFF"}};
  (function (){
    var appName = encodeURIComponent(window.location.hostname);
     if(appName==""){appName="local";}
     var s = document.createElement("script");
     s.type = "text/javascript";
     s.async = true;
     var theUrl = baseUrl+'serve/v1/coin/header?fsym=BTC&tsyms=USD';
     s.src = theUrl + ( theUrl.indexOf("?") >= 0 ? "&" : "?") + "app=" + 
     appName;
     embedder.parentNode.appendChild(s);
     })();
}

}

需要帮助,非常感谢。

0 个答案:

没有答案