在另一個模塊中重用 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>' 。