使用 IIFE 函数的 angular js 中的其他控制器无法访问常量值

Question

以下是我的示例 angular js 代码，我已经声明了 myApp 模块，我想在两个不同的文件中编写代码，在第一个文件中，我声明了模块和一个常量文件，在另一个文件中，我声明了控制器。我想将 CLientId 的常量值访问到控制器中，但无法访问请提供解决方案

<div ng-app="myApp" ng-controller="myCtrl as vm">
{{ vm.firstName + " " + vm.lastName + " "+ vm.getName(); }}
</div>

<script>
// i want to diclare above code into different js files
//app.js 
(function(){

angular.module("myApp", []).value('clientId', 'a12345654321x');

})();

//con.js 
(function(){
angular.module("myApp", []).controller("myCtrl", function(clientId) {

    this.firstName = "John";
    this.lastName = "Doe";
    this.getName= name;
    function name()    {
        return  clientId ; 
     }
});

})();

</script>

</body>
</html>

Answer 1

删除 []，因为它重新定义了您的 myApp 模块

(function(){

angular.module("myApp").value('clientId', 'a12345654321x');

})();

Answer 2

控制器注册不应该有 [] 方括号，因为它会覆盖已经创建的模块。这样做：

(function(){
angular.module("myApp").controller("myCtrl", function(clientId) {

    this.firstName = "John";
    this.lastName = "Doe";
    this.getName= name;
    function name()    {
        return  clientId ; 
     }
});

})();

使用 IIFE 函数的 angular js 中的其他控制器无法访问常量值

Not accessible constant value in other controller in angular js using IIFE function

javascript

iife

angularjs