ページに非同期で読み込まれるサードパーティのライブラリがあり、それをサービスとして使用したいと思います。
ローディングコードをAngularサービス内にラップするにはどうすればよいですか?一般的に、ベストプラクティスは何でしょうか?
現時点では、私のアプローチは次のようなものです。
angular.module('myAPIServices', []).
factory('MyAPI', function () {
return {
\\ API is declared at the loaded script
doStuff:function(){$window.API.doStuff()}
};
});
次に、Angularスコープ外のページに
(function () {
var js = document.createElement('script');
var loc = document.getElementsByTagName('script')[0];
js.async = true;
js.src = "myAPI.js";
loc.parentNode.insertBefore(js, loc);
}());