Angular 是一个用于构建高性能、响应式应用的框架。以下是一些基础文档,帮助您开始使用 Angular。
快速开始
环境搭建
- 确保您已安装 Node.js 和 npm。
- 使用
npm install -g @angular/cli
安装 Angular CLI。
创建项目
- 使用 Angular CLI 创建新项目:
ng new my-app
。
- 使用 Angular CLI 创建新项目:
运行项目
- 在项目目录中运行
ng serve
来启动开发服务器。
- 在项目目录中运行
访问应用
- 在浏览器中访问
http://localhost:4200/
。
- 在浏览器中访问
组件
Angular 应用由组件组成,每个组件都有自己的模板、样式和逻辑。
创建组件
- 使用 Angular CLI 创建组件:
ng generate component my-component
。
- 使用 Angular CLI 创建组件:
使用组件
- 在组件的模板中引入并使用该组件。
路由
Angular 使用路由来管理应用的导航。
配置路由
- 在
app-routing.module.ts
中配置路由。
- 在
使用路由
- 在模板中使用
<router-outlet></router-outlet>
来显示路由对应的组件。
- 在模板中使用
表单
Angular 提供了强大的表单处理功能。
表单创建
- 使用
ReactiveFormsModule
创建响应式表单。
- 使用
表单验证
- 使用内置的验证器进行表单验证。
更多关于 Angular 的信息,请访问Angular 官方文档。
图片示例
