一个简单的组件

要创建组件，我们在传递一些参数的类中添加 @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 { }