Нужно использовать виджет в ионных 3-х страницах приложения - PullRequest
Новая
       10

Нужно использовать виджет в ионных 3-х страницах приложения

0 голосов
/ 18 декабря 2018

Я должен включить внешний виджет в мою ионную страницу.Это работает, когда я добавляю скрипт в свой index.html и использую элемент виджета html на первой странице загрузки (например, Home.html), но не работаю на других страницах.Я разработал приложение с использованием ionic 3. Мне нужно отобразить виджет FX Calendar для экономического календаря Pro в моем приложении globaldata.html.Для этого я сделал, как показано ниже, я добавил этот код в свой 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 / globaldata / globaldata.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>

Не могли бы вы помочь кому-нибудь решить эту проблему.Это работает в приложении ionic 1, не работает в приложениях ionic 3.

1 Ответ

0 голосов
/ 18 декабря 2018

Наконец-то я получил решение, как показано ниже, оно работает без проблем.В конструктор страницы я добавил код, как показано ниже, 

let scripttagElement = document.createElement('script');
scripttagElement.src = "http://calendar.fxstreet.com/scripts/mini";
document.body.appendChild(scripttagElement);

, поэтому работаю на странице.

...