Aurelia與獨立庫集成

我正在aurelia + scheduler poc上工作。我找到了一個獨立的js庫來顯示會議事件。問題是將這個js與aurelia整合在一起。我使用jspm來下載項目依賴關係。Aurelia與獨立庫集成

有沒有人試圖整合一個獨立的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":"[email protected]","name":"Test"}]; 
    dp.events.list = [{"start":"2016-06-27T16:30:00","end":"2016-06-27T17:00:00","text":"Busy","resource":"[email protected]","id":2170}] 
    dp.cellWidth = 60; 
    dp.init(); 
} 
</script> 
<div id="dp"></div>  
<button onclick="sample()">Ok</button> 
</ai-dialog-body>

時參考第三方庫類之下獲得的消息。

的ReferenceError：樣品沒有定義

來源

2016-07-05 Sudheer Eega

你嘗試過這麼遠嗎？您目前的嘗試中收到了哪些錯誤？ –

Horsley，我需要如何添加參考資料。對於config.js中的上述庫，以便我可以在模塊中引用它。由於這個庫在npm和github中不可用。我正在尋找信息。如果有人已經面臨這種情況。像「babel」：「npm：[email protected]」，尋找daypilot。 –

你的問題非常廣泛，所以它很難幫助你，你有沒有嘗試過[像這篇文章一樣]（http://blog.nojaf.com/2015/07/08/using-toastr-with-aurelia/ ）？ –

你有沒有嘗試下載源，然後引用它在你的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>

來源

2016-07-05 05:46:01

Horsley，如果我添加如上所述的引用im獲取參考錯誤我用我想要的代碼更新了我的帖子 –

感謝Horsley，它通過直接添加工作。 –

Aurelia與獨立庫集成

回答

相關問題