Angular API 示例

Angular 是一个流行的前端框架，提供了丰富的 API 来帮助开发者构建强大的单页应用程序。以下是一些常用的 Angular API 示例：

服务（Services）: Angular 服务允许你在组件之间共享数据和功能。例如，你可以创建一个服务来处理 HTTP 请求。

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Injectable({
  providedIn: 'root'
})
export class MyService {
  constructor(private http: HttpClient) {}

  getData() {
    return this.http.get('/api/data');
  }
}

组件（Components）: Angular 组件是 Angular 应用的基本构建块。你可以使用组件来创建可复用的 UI 元素。

import { Component } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent {
  // 组件逻辑
}

指令（Directives）: Angular 指令用于扩展 HTML 元素的功能。例如，你可以使用 ngFor 指令来遍历数组。
```
<ul>
  <li *ngFor="let item of items">{{ item }}</li>
</ul>
```
管道（Pipes）: Angular 管道用于转换数据。例如，你可以使用 date 管道来格式化日期。
```
{{ currentDate | date:'yyyy-MM-dd' }}
```

表单（Forms）: Angular 提供了强大的表单处理能力。你可以使用 ReactiveFormsModule 来创建动态表单。

import { FormBuilder, FormGroup } from '@angular/forms';

export class MyFormComponent {
  myForm: FormGroup;

  constructor(private fb: FormBuilder) {
    this.myForm = this.fb.group({
      name: '',
      email: ''
    });
  }
}

更多关于 Angular 的学习资源，请访问我们的 Angular 教程页面。