📅  最后修改于: 2023-12-03 15:08:33.689000             🧑  作者: Mango
在 AngularJS 中,我们可以通过使用 $script
服务来动态加载外部 JS 脚本,这非常方便。以下是示例代码:
app.controller('MyController', ['$scope', '$script', function($scope, $script) {
$scope.loadScript = function() {
$script("//mydomain.com/myscript.js", function() {
// 外部脚本已经加载完毕,可以使用了
// ...
});
};
}]);
在这里,我们可以看到,我们首先注入了 $script
服务,然后我们定义了一个 loadScript
方法,用于动态加载外部 JS 脚本。我们可以将外部 JS 脚本的 URL 作为第一个参数传递给 $script
方法,并在其第二个参数中传递一个回调函数,来通知我们外部脚本已经加载完毕。
在回调函数中,我们可以使用已加载的外部脚本,并在其中执行一些操作。这里我们可以看到,我们引入了 mydomain.com
的一个 myscript.js
文件。你可以替换它为你自己的 URL,或者使用相对 URL。
总之,使用 $script
服务在 AngularJS 中动态加载外部 JS 脚本非常简单,只需要提供外部脚本的 URL 和一个回调函数即可。