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与独立库集成

回答

相关问题