我刚刚开始使用 AngularJs。 我需要使用 SunCalc 模块来计算我的应用程序的太阳位置。 我不知道如何将文件集成到应用程序以及如何在尊重 AngularJs 结构的同时访问他的不同功能。把文件放在哪里?如何调用函数?等等……
这是一个链接,您可以快速查看 SunCalc 模块的结构,希望对我有所帮助。 https://github.com/mourner/suncalc/blob/master/suncalc.js
非常感谢您的帮助!
最佳答案
由于该库公开了带有大量方法的全局 SunCalc
对象,您可以做的只是将此库包装到自定义服务中。
app.factory('SunCalc', function() {
return window.SunCalc;
});
然后你可以在 Controller 中像这样使用它:
app.controller('MainCtrl', function($scope, SunCalc) {
$scope.position = SunCalc.getTimes(new Date(), 52.3667, 4.9000);
});
在这种情况下,您可以将自己的方法添加到此服务中,而不会弄乱原始库。
请注意,从技术上讲,您可以使用全局可访问的 SunCalc
,而无需为此再创建一项服务。然而,使用服务提供了一些优势:您可以轻松地重命名它,它允许 facade 原始库 API,使用全局变量容易出错等。
还要记住在 Angular 脚本标签之前包含脚本标签。
关于javascript - 将外部文件与 AngularJs 集成,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29500370/