在 AngularJS 中，模块（Module）是一个包含组件的容器。它们通常用于组织代码和分离关注点。模块也可以定义常量（Constant），这些常量可以用于存储应用程序中的配置、URL 等固定值。在本文中，我们将讨论如何从控制器（Controller）中获取 AngularJS 模块中定义的常量。
步骤
假设我们有一个名为 myApp 的 AngularJS 模块，并且在该模块中定义了一个名为 API_URL 的常量。
angular.module('myApp', [])
.constant('API_URL', 'https://example.com/api');现在，我们想在 MyController 控制器中获取该常量的值。
angular.module('myApp')
.controller('MyController', MyController);
function MyController(API_URL) {
console.log(API_URL);
}在上面的示例中，我们将 API_URL 常量作为参数传递给 MyController 控制器的构造函数。然后，在控制器中，我们可以像任何其他依赖项一样使用该常量。
值得注意的是，我们没有显式地声明 API_URL 依赖项数组。这是因为，在前面定义模块时，我们已经将 API_URL 常量添加到了模块中。这意味着 AngularJS 知道如何从模块中获取该常量，并将其注入到控制器中。
示例代码
以下是完整的示例代码，其中包括定义模块、定义常量和定义控制器的部分。
-- -------------------- ---- -------
--------- -----
----- ---------------
------
----- ----------------
---------------- -------- ------------
-------
------
---- --------------------------- -- ----
--- ---- --------------
------
------- ------------------------------------------------------------------------------------
--------
----------------------- ---
-------------------- ---------------------------
-----------------------
--------------------------- --------------
-------- --------------------- -
--- -- - -----
---------- - --------
-
---------
-------
-------在上面的示例中，我们将 MyController 控制器绑定到 <div> 元素上，并使用 ng-controller 指令。然后，我们将 API_URL 常量显示在页面上，使用 AngularJS 表达式 {{vm.API_URL}}。
结论
在本文中，我们讨论了如何从 AngularJS 控制器中获取模块常量的值。通过将常量作为依赖项传递给控制器的构造函数，我们可以轻松地访问应用程序中的配置和其他固定值。这种技术在实际开发中非常有用，可以帮助我们更好地组织代码，并简化依赖项的管理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25247