Aurelia с автономной библиотечной интеграцией

Я работаю над Aurelia+ планировщик POC. Я нашел одну автономную библиотеку JS для отображения событий встречи. Проблема заключается в интеграции этого JS с Aurelia. Я использую jspm для загрузки зависимостей проекта.

Кто-нибудь пытался интегрировать автономную библиотеку JS с Aurilia.

Ниже находится библиотека, которую я пытаюсь интегрировать.

http://javascript.daypilot.org/demo/scheduler/scalehours.html.

<ai-dialog-body>      

<script>

    function sample(){

    var dp = new DayPilot.Scheduler("dp");

    dp.startDate = new DayPilot.Date("2016-06-28"); 

    dp.cellGroupBy = "Month";
    dp.days = 1;

    dp.cellDuration = 1440;

    dp.timeHeaders = [
        { groupBy: "Day" },
        { groupBy: "Cell" }
    ];
    dp.scale = "Hour";    
    dp.bubble = new DayPilot.Bubble();
    dp.treeEnabled = true;
    dp.rowHeaderWidth = 200;
    dp.resources = [{"id":"test@xyz.com","name":"Test"}];
    dp.events.list = [{"start":"2016-06-27T16:30:00","end":"2016-06-27T17:00:00","text":"Busy","resource":"test@xyz.com","id":2170}] 
    dp.cellWidth = 60;
    dp.init();
}
</script> 
<div id="dp"></div>       
<button onclick="sample()">Ok</button>
</ai-dialog-body>

когда ссылка на сторонний класс библиотеки становится ниже сообщения.

ReferenceError: образец не определен

Источник

1 ответ

Вы пытались скачать исходный код, а затем сослаться на него в своем HTML:

<body aurelia-app>
    <script src="jspm_packages/system.js" charset="utf-8"></script>

    <!-- Place a referece to the downloaded library here -->

    <script src="config.js" charset="utf-8"></script>
    <script type="text/javascript">
        System.import("aurelia-bootstrapper");
    </script>
</body>
Источник
Другие вопросы по тегам