Angular 文档指南

Angular 是一个用于构建高性能 Web 应用的框架。本指南旨在帮助您了解 Angular 的基本概念、使用方法和最佳实践。

快速开始

首先，您需要安装 Angular CLI，这是一个用于初始化、开发、测试和部署 Angular 应用的工具。

npm install -g @angular/cli

使用 Angular CLI 创建一个新项目：

ng new my-angular-app

进入项目目录：

cd my-angular-app

运行以下命令启动开发服务器：

ng serve

打开浏览器，访问 http://localhost:4200，您将看到您的 Angular 应用。

组件是 Angular 应用的基础构建块。每个组件都包含 HTML、CSS 和 TypeScript 代码。

在 Angular CLI 中，您可以使用以下命令创建一个新组件：

ng generate component my-component

这将在项目中创建一个名为 my-component 的新组件。

在组件的 HTML 模板中，您可以使用以下语法来引用组件：

<app-my-component></app-my-component>

Angular 使用路由来控制不同组件的显示。

在 Angular CLI 中，您可以使用以下命令创建一个新路由：

ng generate component my-route

然后，在 app-routing.module.ts 文件中配置路由：

const routes: Routes = [
  { path: 'my-route', component: MyRouteComponent },
];

在组件的 HTML 模板中，您可以使用以下语法来导航到其他路由：

<a [routerLink]="['/my-route']">My Route</a>

服务是 Angular 应用中的可重用代码块，用于处理数据、逻辑等。

在 Angular CLI 中，您可以使用以下命令创建一个新服务：

ng generate service my-service

在服务中，您可以编写代码来处理数据、逻辑等。

在组件中，您可以使用以下语法来注入服务：

import { MyService } from './my-service';

constructor(private myService: MyService) { }