Angular 指南

Angular 是一个由 Google 维护的开源前端 JavaScript 框架，用于构建高性能的单页应用程序。以下是关于 Angular 的基本指南。

快速开始

安装 Node.js 和 npm：Angular 需要 Node.js 和 npm 来运行和开发。
创建新项目：使用 Angular CLI 创建一个新的 Angular 项目。
```
ng new my-angular-app
```
导航到项目目录：
```
cd my-angular-app
```
启动开发服务器：
```
ng serve
```
打开浏览器：访问 http://localhost:4200 查看您的应用程序。

核心概念

组件：Angular 的基本构建块，用于创建用户界面。
模块：用于组织应用程序的代码。
服务：用于共享功能，如数据管理。
指令：用于扩展 HTML 元素。

示例

假设我们要创建一个简单的待办事项列表：

在 app 目录下创建一个新的组件 todo-list。
在 todo-list 组件中，添加以下代码：

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

@Component({
  selector: 'app-todo-list',
  templateUrl: './todo-list.component.html',
  styleUrls: ['./todo-list.component.css']
})
export class TodoListComponent {
  todos = ['Learn Angular', 'Build an app', 'Contribute to Angular'];
}

在 app.component.html 中添加以下代码：

<ul>
  <li *ngFor="let todo of todos">{{ todo }}</li>
</ul>

学习资源

更多关于 Angular 的学习资源，请访问我们的官方文档：Angular 官方文档。