AngularJS 是一个流行的前端 JavaScript 框架，它是一个强大的 MVVM (模型-视图-视图模型) 框架，并且可用于创建复杂的单页应用程序。但是，在使用 AngularJS 时，您可能会遇到一些问题，其中之一是无法在 ng-view 指令中加载脚本。
问题描述
当您在 ng-view 指令内加载脚本时，这些脚本将不被执行。例如：
<div ng-view></div> <script type="text/javascript" src="my-script.js"></script>
在上述代码中，my-script.js 文件将不会被加载和执行，即使它包含了正确的 JavaScript 代码。
解决方案
要解决此问题，您可以使用 AngularJS 提供的 $routeChangeSuccess 事件来手动加载脚本。以下是实现方法：
-- -------------------- ---- -------
------------------------ ---------- ---------
---------------- ------- -
--------------------------------- ---------- -
--- ------- - -------------------------------
-- --------- -
------------------------ ---------------- -
--- -- - ---------------------------------
------ - -------
------------------------------
---
-
---
----在上面的代码中，我们定义了一个控制器 MyCtrl，并监听 $routeChangeSuccess 事件。在事件回调中，我们检查当前路由是否有一个 scripts 属性。如果有，我们就遍历这些脚本，并将它们插入到页面中。
现在，我们需要在路由定义中添加一个新属性来指定要加载的脚本：
app.config(function($routeProvider) {
$routeProvider.when('/my-route', {
templateUrl: 'my-template.html',
controller: 'MyCtrl',
scripts: ['my-script.js']
});
});在上述代码中，我们添加了一个 scripts 属性，它包含要加载的脚本文件名的数组。
结论
使用 AngularJS 创建单页应用程序时，在 ng-view 指令内加载脚本可能会导致脚本无法执行。为了解决这个问题，我们可以手动加载脚本文件，并在路由定义中添加一个新属性来指定要加载的脚本。这样可以确保您的脚本在正确的时间被加载和执行。
希望这篇文章能够帮助您解决 AngularJS 中的这个问题。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25416