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>

現在，該指令將被你指定的檢視和你在控制器中編寫的業務邏輯所取代。

注意：記住元件將物件作為第二個引數，而指令將工廠函式作為引數。