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