📜  如何在 AngularJS 中动态加载外部 JS 脚本?(1)

📅  最后修改于: 2023-12-03 15:08:33.689000             🧑  作者: Mango

如何在 AngularJS 中动态加载外部 JS 脚本?

在 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 和一个回调函数即可。