一個簡單的元件

要建立元件，我們在傳遞一些引數的類中新增 @Component 裝飾器：

• providers：將注入元件建構函式的資源
• selector：查詢選擇器，它將在 HTML 中找到元素並由元件替換
• styles：內聯樣式。注意：不要將此引數與 require 一起使用，它適用於開發，但是當你在生產中構建應用程式時，所有樣式都將丟失
• styleUrls：樣式檔案的路徑陣列
• template：包含 HTML 的字串
• templateUrl：HTML 檔案的路徑

你可以配置其他引數，但列出的引數是你最常使用的引數。

一個簡單的例子：

import { Component } from '@angular/core';
 
@Component({
  selector: 'app-required',
  styleUrls: ['required.component.scss'],
  // template: `This field is required.`,
  templateUrl: 'required.component.html',
})
export class RequiredComponent { }