在另一模块（依赖注入）中重用AngularJS组件

Question

如何通过依赖注入重用一个简单的角度组件？

组件：

angular.module("navbar", []).component("nav", function() { 
    console.log("component loaded"); 
}); 

其他模块控制器，我想用它在：

angular.module('CtrlHome', ['navbar']).controller('HomeController', 
function($rootScope, $scope) { 
}); 

，最后在模板中使用它

<nav></nav> 

它引发了一个“注射器modulerr”错误。我在这里做错了什么？

Answer 1

组件未正确定义。注册方法采用一个字符串和一个对象作为输入。该对象描述组件。因此，这将是与模块注册一个组件的正确方法：

angular.module("navbar", []).component("nav", { 
    controller: function(){ 
     console.log("component loaded"); 
    } 
}); 

还有一些其他的属性可以包括描述部件，即bindings: {}和template: '<div>Hello, World!</div>'。