Uncaught ReferenceError: angular is not defined - AngularJS not working

阅读时长 4 分钟读完

当您在使用AngularJS时,可能会遇到 "Uncaught ReferenceError: angular is not defined" 错误,这意味着浏览器无法找到 AngularJS 库。此错误通常是由以下原因之一引起的:

1. 没有正确加载 AngularJS 库

要使用 AngularJS,您必须首先将其添加到您的 HTML 文件中。请确保在页面中引入了正确的 AngularJS 文件,并且引用路径正确。

例如,在以下示例中,我们将通过 CDN 引入 AngularJS(v1.7.9)库:

-- -------------------- ---- -------
--------- -----
----- ----------
------
  ----- ----------------
  ---------------- ---------------
  ------- ------------------------------------------------------------------------------------
-------
----- ---------------
  ---- ---- --------- ---- ---- ---
-------
-------

请注意,我们在 <body> 标签上应用了 ng-app 指令,以定义 AngularJS 应用程序的根元素。

2. 在 AngularJS 模块中未定义依赖项

如果您在 AngularJS 模块中使用了其他模块或服务,则需要在模块声明中指定这些依赖项。如果您没有这样做,则会导致 "angular is not defined" 错误。

例如,在以下示例中,我们创建了一个名为 myApp 的 AngularJS 模块,并将其依赖项设置为 ngRoutengSanitize

请注意,在声明模块时,我们将 ngRoutengSanitize 作为第二个参数传递给 angular.module() 函数。

3. 在加载 AngularJS 库之前调用了 AngularJS 代码

如果您在加载 AngularJS 库之前调用了 AngularJS 代码,则会导致 "angular is not defined" 错误。这是因为在加载 AngularJS 库之前,浏览器无法找到 angular 对象。

例如,在以下示例中,我们在加载 AngularJS 库之前尝试使用 $scope 对象:

-- -------------------- ---- -------
--------- -----
----- ----------
------
  ----- ----------------
  ---------------- ---------------
  ------- ----------------------
  ------- ------------------------------------------------------------------------------------
-------
----- ---------------
  ---- -----------------------------
    -----------
  ------
-------
-------

在此示例中,我们应该将 app.js 的引入放在 AngularJS 库引入的后面。

解决方法

要解决 "Uncaught ReferenceError: angular is not defined" 错误,请按照以下步骤操作:

  1. 确保在 HTML 文件中正确引入了 AngularJS 库,并且引用路径正确。
  2. 在 AngularJS 模块中定义依赖项,以确保您可以使用其他模块和服务。
  3. 在加载 AngularJS 库之前不要调用 AngularJS 代码。

如果您按照上述步骤操作仍然遇到问题,请尝试在浏览器控制台中查看详细的错误消息,以帮助您确定问题所在。

以下是一个解决 "Uncaught ReferenceError: angular is not defined" 错误的完整示例:

-- -------------------- ---- -------
--------- -----
----- ----------
------
  ----- ----------------
  ---------------- ---------------
  ------- ------------------------------------------------------------------------------------
  ------- ----------------------
-------
----- ---------------
  ---- -----------------------------
    -----------
  ------

- ----------------------------------------------------------- --------
----------------------------------------------------------------------------------
纠错
反馈