Javascript 在另一个模块中注入模块，并使用注入模块的控制器_Javascript_Angularjs_Html_Module

Javascript 在另一个模块中注入模块，并使用注入模块的控制器

javascript angularjs html module

Javascript 在另一个模块中注入模块，并使用注入模块的控制器,javascript,angularjs,html,module,Javascript,Angularjs,Html,Module,我想创建一个模块并注入主模块，然后将控制器注入注入模块，但它不起作用在index.html中 <html ng-app="MenuApp"> <head> </head> <body> <div ng-controller="demoCtrl as demo"> <h3>{{demo.hello}</h3> </body> </div> </html 当我使用MenuApp模块声

我想创建一个模块并注入主模块，然后将控制器注入注入模块，但它不起作用

在index.html中

<html ng-app="MenuApp">
<head>
</head>
<body>
<div ng-controller="demoCtrl as demo">
<h3>{{demo.hello}</h3>
</body>
</div>
</html

当我使用MenuApp模块声明控制器（demoCtrl）时，它工作正常，但在使用数据模块

声明时，它不工作如果您提到您给出的示例，您的html标记不正确，如果代码看起来不正常。如果您给出错误，请与我们分享

下面的例子效果很好

(function() {
    angular.module('navbar', ['data']);

    angular.module('data', [])
        .controller('DataCtrl', function() {
            console.log('Hello Data');
            this.data = 'Hello Data';
        });
})();

这里是Html：

<div ng-app="navbar"> 
    <div ng-controller="DataCtrl as ctrl">  
        {{ ctrl.data }}
    </div>
</div>


{{ctrl.data}}

谢谢你的回答，实际上我的html有点大，所以我在这里简化并编写了，但现在它可以工作了。再次感谢

<div ng-app="navbar"> 
    <div ng-controller="DataCtrl as ctrl">  
        {{ ctrl.data }}
    </div>
</div>