Angular 15+中的关键组件包括模块(Module)、组件(Component)、指令(Directive)、管道(Pipe)和服务(Service)等。这些组件可以通过依赖注入(Dependency Injection)等方式相互关联,形成一个完整的应用程序。
模块是Angular应用程序的基本单位,它可以组织应用程序内的组件、服务等,并定义一些共享的功能和配置。
组件是Angular应用程序的可重用视图单元,它通常由HTML、CSS和组件类(Component Class)组成。组件类中定义了组件的数据和行为,以及与其他组件的交互。
指令是一种可扩展HTML的机制,它可以用来增强HTML元素的功能和行为。Angular中有内置指令(Built-in Directive)和自定义指令(Custom Directive)两种。
管道可以用来格式化数据、过滤数据、排序数据等,它通常用于展示数据。
服务是Angular应用程序中的单例对象,它通常用于提供一些共享的逻辑和数据,如HTTP请求、登录验证等。
一个示例代码如下:
import { Component } from '@angular/core';
@Component({ selector: 'app-root', templateUrl: './app.component.html', styleUrls: ['./app.component.css'] }) export class AppComponent { title = 'my-first-angular-app'; name = 'Angular'; }