angular/guide

Angular 是一个开源的前端框架，用于构建高性能的 Web 应用程序。以下是一些关于 Angular 的基本指南。

快速入门

1. 安装 Node.js 和 npm：首先，您需要在您的计算机上安装 Node.js 和 npm，因为 Angular 需要它们来运行。
2. 创建 Angular 项目：使用以下命令创建一个新的 Angular 项目：

ng new my-angular-project

3. 导航到项目目录：

cd my-angular-project

4. 启动开发服务器：

ng serve

5. 打开浏览器：访问 http://localhost:4200 来查看您的应用程序。

组件

Angular 的核心是组件。组件是可重用的、可维护的代码块，用于构建用户界面。

• 创建组件：

ng generate component my-component

• 使用组件：

<!-- my-component.html -->
<app-my-component></app-my-component>

路由

Angular 使用路由来管理应用程序的不同视图。

• 创建路由：

ng generate component my-route
ng generate module my-routing --flat --module=app

• 配置路由：

// my-routing.module.ts
import { NgModule } from '@angular/core';
import { RouterModule, Routes } from '@angular/router';
import { MyRouteComponent } from './my-route.component';

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

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class MyRoutingModule {}

• 使用路由：

<!-- app.component.html -->
<a routerLink="/my-route">My Route</a>
<router-outlet></router-outlet>

图片示例

Angular Logo

更多关于 Angular 的信息，请访问我们的官方文档。