AngularJS 中的组件

Created: November-22, 2018

angularJS 中的组件可以显示为自定义指令（HTML 指令中的<html>，类似这样的自定义指令<ANYTHING>）。组件包含视图和控制器。控制器包含与用户看到的视图绑定的业务逻辑。该组件与 angular 指令不同，因为它包含较少的配置。可以像这样定义角度分量。

angular.module("myApp",[]).component("customer", {})

组件在角度模块上定义。它们包含两个参数，一个是组件的名称，第二个是包含键值对的对象，它定义了哪个视图以及它将使用哪个控制器。

angular.module("myApp",[]).component("customer", {
    templateUrl : "customer.html", // your view here 
    controller: customerController, //your controller here
    controllerAs: "cust"        //alternate name for your controller 
})

myApp 是我们正在构建的应用程序的名称，customer 是我们组件的名称。现在在主 html 文件中调用它我们就像这样

<customer></customer>

现在，该指令将被你指定的视图和你在控制器中编写的业务逻辑所取代。

注意：记住组件将对象作为第二个参数，而指令将工厂函数作为参数。