购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

4.1 创建应用

本节将创建“用户管理”应用的外壳。

4.1.1 新建“用户管理”应用

(1)与创建hello-world应用类似,使用Angular CLI 命令行工具创建一个名为“user-management”的“用户管理”应用。

(2)执行以下命令来启动应用。

(3)应用自动在浏览器中打开。访问应用的地址为http://localhost:4200/。效果如图4-2所示。

图4-2 运行效果

4.1.2 了解Angular组件

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

图4-2所示的这个页面就是应用的外壳。这个外壳被Angular的AppComponent组件控制。

AppComponent 组件主要有3个实现文件。

● app.component.ts:组件的类代码,是用TypeScript编写的。

● app.component.html:组件的模板,是用HTML编写的。

● app.component.css:组件的私有CSS样式。 XZkfL3qPJc/l8/PNuGej3MdTAfC0xlrjF+6W3YMPjI8c8kJLN2LACTHSqYDZx4Pj

点击中间区域
呼出菜单
上一章
目录
下一章
×