用户管理

快速实现一个用户管理系统。

新建 user-management 应用

使用 Angular CLI 命令行工具创建一个名为“user-management”的应用。

  1. ng new user-management

执行以下命令,来启动应用。

  1. cd user-management
  2. ng serve --open

此时,应用就会自动在浏览器中打开。访问地址为 http://localhost:4200/

用户管理 - 图1

Angular 组件

组件是 Angular 应用中的基本构造块。它们在屏幕上显示数据,监听用户输入,并且根据这些输入执行相应的动作。

上面你所看到的这个页面就是应用的外壳。这个外壳是被一个名叫 AppComponent 的 Angular 组件控制的。

AppComponent 主要由三个实现文件:

  • app.component.ts— 组件的类代码,这是用 TypeScript 写的。
  • app.component.html— 组件的模板,这是用 HTML 写的。
  • app.component.css— 组件的私有 CSS 样式。