外部小部件包含到离子应用程序中

Question

我已经使用Ionic 3开发了应用程序。我需要在我的应用程序主页中显示FXStreet的Economic Calendar Pro小部件。为此，我做了如下操作， 我已将此代码添加到我的src / index.html

<script type="text/javascript">
        var fxcalendar_config = {
            host: "http://calendar.fxstreet.com",
            css: 'mini',
            rows: 7,
            pastevents: 0,
            hoursbefore: 1,        
            timezone: 'India Standard Time',
            showcountryname: 'true',
            columns: 'date,time,country,event,previous,volatility,actual',
            isfree: 'true',
            countrycode: 'JP:EMU,UK,US',
            culture:'en-US'
        };
    </script>
    <script type="text/javascript" src="http://calendar.fxstreet.com/scripts/mini"></script>

并将以下代码添加到src / pages / home / home.html

<ion-grid>
  <ion-row>
    <ion-col>
        <div id="fxst_calendar" class="last-table" style="position: relative; width: 100%; overflow: auto; margin-bottom: 10px;"></div>
    </ion-col>
 </ion-row>
 </ion-grid>

这在离子实验室中起作用（当我在浏览器中签入时）。但不能在真实设备中显示。此home.html代码将显示FXStreet的经济日历的输出。您能否帮助任何人解决此问题。这适用于ionic 1应用程序，不适用于基于ionic 2的应用程序。