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

Question

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

组件：

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

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

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

最后在模板中使用

<nav></nav>

它给我一个“injector modulerr”错误。我在这里做错了什么？

Answer 1

组件定义不正确。 component 注册方法接受一个字符串和一个对象作为输入。对象描述组件。所以这将是向模块注册组件的正确方法：

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

您可以包含其他几个属性来描述组件，即bindings: {} 和template: '<div>Hello, World!</div>'。