在 Angular 中建立新元件

我們將介紹元件以及如何在 Angular 中建立它們。

Angular 中的元件

元件是 Angular 應用程式的構建塊。Angular 應用程式由多個元件或 Angular 元件樹組成，這些元件與模板和指令子集相關聯。

我們可以在 CLI 中使用以下命令輕鬆地在 Angular 中建立新元件。

# angular CLI
ng generate component OurNewComponent

或者我們可以在 CLI 中使用速記命令。

# angular CLI
ng g c OurNewComponent

上面的命令將生成一個名為 OurNewComponent 的新元件，該元件將包含四個檔案和一個以該元件命名的資料夾。

使用上述命令建立新元件時將生成以下檔案。

1. OurNewComponent.component.ts 檔案是一個元件檔案。
2. OurNewComponent.component.html 檔案是我們元件的模板檔案。
3. OurNewComponent.component.css 檔案是我們元件的樣式表檔案。
4. OurNewComponent.component.spec.ts 檔案是我們元件的測試規範檔案。