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

Question

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

组件：

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

其他模块控制器我想在以下位置使用它：

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

最后在模板中使用

<nav></nav>

它抛出了一个＆＃34;注射器模块化器＆＃34;错误。我在这做错了什么？

Answer 1

组件未正确定义。 tensorflow.python.framework.errors_impl.InvalidArgumentError: Expected dimension in the range [-1, 1), but got 1 [[Node: ArgMax_1 = ArgMax[T=DT_FLOAT, Tidx=DT_INT32, output_type=DT_INT64, _device="/job:localhost/replica:0/task:0/cpu:0"](_arg_Placeholder_1_0_1, ArgMax_1/dimension)]] 注册方法将字符串和对象作为输入。该对象描述了该组件。因此，这是使用模块注册组件的正确方法：

component

您可以使用其他几个属性来描述组件，即angular.module("navbar", []).component("nav", { controller: function(){ console.log("component loaded"); } }); 和bindings: {}。