angularJS中的组件可以可视化为自定义指令（在HTML指令中为<html> this，类似的东西将为自定义指令<ANYTHING>）。组件包含一个视图和一个控制器。Controller包含与用户查看的view绑定的业务逻辑。该组件不同于角度指令，因为它包含较少的配置。可以这样定义角度分量。
angular.module("myApp",[]).component("customer", {})组件在角度模块上定义。它们包含两个参数，一个是组件的名称，第二个是包含键值对的对象，该对象定义了像这样使用哪个视图和哪个控制器。
angular.module("myApp",[]).component("customer", {
templateUrl : "customer.html", // 您的观点在这里
controller: customerController, //您的控制器在这里
controllerAs: "cust" //控制器的备用名称
})“ myApp”是我们正在构建的应用程序的名称，而客户是我们组件的名称。现在在主html文件中调用它，我们将像这样
<customer></customer>
现在，此指令将由您指定的视图和您在控制器中编写的业务逻辑所代替。
注意：请记住，组件将对象作为第二个参数，而指令将工厂函数作为第二个参数。